推荐 序 1 


此 书 凝聚 了 支付 宝 从 工具 产品 走向 生活 服务 平台 的 设计 实战 精华 ， 推 荐 阅读 ! 





攀 治 铭 ”蚂蚁 金 服 支付 事业 群 总 裁 
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特别 喜欢 书 中 的 一 段 话 : “设计 就 是 设计 生活 ， 设 计 人 生 ， 需 要 用 感性 的 右 脑 加 理性 的 左 脑 去 分 析 问题 、 解 决 问题 ， 让 设 
计 、 生 活 、 人 生变 得 更 加 美好 。” 


支付 宝 一 直 和 希望 能 通过 这 个 平台 给 人 们 的 生活 带 去 美好 而 充满 微笑 的 改变 。AUX 团 队 在 多 年 的 专业 积累 和 实践 沉淀 的 基础 
上 ， 带 着 对 用 户 、 对 产品 的 热爱 与 感情 ， 全 心 投入 在 这 个 平台 的 设计 上 。 团 队 有 分 工 ， 设 计 无 边界 ， 学 习 无 止境 。 欣 赏 AUX 团 
队 在 工作 中 不 断 总 结 、 思 考 和 沉淀 的 习惯 ， 也 期 待 读者 朋友 们 从 他 们 的 实践 和 思考 中 有 所 收获 。 


一 一 陶 营 ”蚂蚁 金 服 集团 人 力 资 源 部 资深 总 监 
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小 学 时 我 有 一 个 关系 很 好 的 同学 ， 他 的 父亲 在 民航 局 工作 ， 家 里 有 一 些 过 期 的 航 机 杂志 。 我 无 意 中 在 他 家 发 现 了 这 些 杂志 
便 如 获 至 宝 ， 因 为 这 些 杂 志 上 有 上 世纪 入 十 年 代 非 常 少见 的 很 多 国外 品牌 的 广告 。 那 些 经 过 精心 设计 、 印 刷 在 铜版 纸 上 的 精美 画 
面 到 现在 还 深 深 印 在 我 的 脑海 里 ， 尤 其 是 在 那个 电视 里 充斥 着 中 华 敖 精 和 苞 肥 收录 机 的 年 代 ，YSL 的 鸦片 香水 、Marlboro 的 牛仔 
以 及 人 头马 的 X.O 广 告 ， 让 我 淳朴 的 心灵 受到 了 巨大 的 冲击 一 一 原来 世界 可 以 这 样 美 。 


二 十 多 年 过 去 了 ， 今 天 我 穿着 淘宝 上 一 个 叫 “ 国 棉 过 厂 ” 的 店铺 出 品 的 Vintage 风 格 的 全 棉 T 忆 ， 上 面 印 刷 着 上 个 世纪 入 十 年 
代 早 期 的 画面 ， 穿 在 身上 觉得 舒服 体贴 。 我 在 一 个 叫 “ 南 食 召 ”的 店铺 买 土 面 ， 用 牛皮 纸 包 庄 着 送 到 家 里 ， 沸 水 都 开 ， 加 一 点 猪 
油 和 生 抽 ， 鲜 美 无 比 一 一 原来 我 曾经 所 握 弃 的 东西 也 这 么 美 。 


美 ， 未 必 出 尘 不 染 ， 米 米 油 盐 也 是 美 。 今 天 我 们 面临 的 产品 设计 领域 ， 又 何尝 不 是 如 此 ? 有 人 追求 “ 逼 格 ”， 有 人 追求 实 
用 ， 但 其 实 无 论 哪 种 ， 适 合 自己 的 才 是 最 好 的 。 


从 来 没有 一 个 产品 如 支付 宝 这 样 广 受 争议 。 尽 管 三 年 的 时 间 里 ， 它 从 一 个 日 活 百 万 级 的 产品 成 长 为 一 个 上 日活 近 亿 级 的 产品 。 





也 从 来 没有 一 个 团队 如 支付 宝 的 设计 团队 一 样 承受 着 巨大 的 压力 。 尽 管 他 们 没有 任何 成 熟 的 经 验 可 以 模仿 和 借鉴 ， 只 能 独自 
在 这 个 星球 上 摸索 前 行 。 


但 是 ， 我 相信 ， 这 个 团队 追求 美的 步伐 从 未 停止 ， 也 不 会 停止 。 


从 PC 时 代 到 移动 互联 网 时 代 ， 支 付 宝 面 对 的 挑战 、 要 有 岂 掉 的 历史 包容 太 多 太 多 ， 更 何况 ， 伴 随 着 时 代 的 变迁 ， 原 本 的 支付 
工具 已 经 逐渐 成 为 一 种 生活 方式 ， 它 需要 承载 的 东西 也 越 来 越 多 。 在 几 亿 用 户 面前 做 这 些 改变 ， 无 异 于 为 一 辆 高 速 行驶 的 列车 换 
车 轮 。 


我 们 欣喜 地 看 到 ， 支 付 宝 的 设计 团队 完成 了 这 一 高 难度 动作 ， 同 时 还 总 结 出 了 积累 的 经 验 ， 并 愿意 与 世界 分 享 这 些 经 验 。 也 


许 这 些 经 验 并 不 那么 完美 ， 但 贵 在 真实 ， 而 真实 就 是 最 美的 东西 。 


吴 明 邀请 我 给 这 本 书写 个 序言 ， 我 觉得 我 作为 一 个 文科 生 似乎 没有 资格 写 什么 ， 但 在 抽 了 七 根 烟 之 后 ， 还 是 决定 试 一 试 ， 就 
当 我 为 这 个 团队 所 做 的 一 切 道 一 声 感 谢 ， 谢 谢 你 们 让 支付 宝 成 为 我 生活 的 一 部 分 。 


一 一 陈 亮 
蚂蚁 金 服 集团 用 户 体 验 设计 委员 会 主席 


蚂蚁 金 服 集 团 品 牌 和 公众 沟通 部 总 经 理 
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对 于 逐渐 成 熟 的 互联 网 用 户 体 验 行业 ， 很 多 曾经 摸 着 石头 过 河 的 团队 和 设计 师 已 经 身 经 百 战 、 经 验 丰 富 。 然 而 他 们 更 热衷 于 
将 自己 的 经 验 总 结 成 可 复制 的 专业 方法 ， 并 毫 无 保留 地 分 享 出 来 ， 这 就 是 互联 网 精神 之 所 在 一 一 开放 与 分 享 。 


支付 宝 UED 就 是 这 样 的 一 个 经 验 丰 富 、 乐 于 分 享 的 团队 。 这 里 的 设计 师 有 着 敏锐 的 用 户 洞察 ， 同 时 也 具备 良好 的 产品 意 
识 。 他 们 在 互联 网 金融 用 户 体验 领域 积累 了 大 量 的 经 验 ， 本 书 通过 大 量 的 实践 、 不 同 设计 师 的 视角 、 多 维度 地 诠释 了 支付 宝 产品 
的 体验 设计 思路 与 方法 ， 实 实在 在 的 干货 ， 值 得 一 读 。 


一 一 杨 光 
阿里 巴巴 集团 UED 委 员 会 委员 长 


阿里 巴巴 集团 消费 者 事业 群 UED 资 深 总 监 
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用 户 体验 这 一 概念 营 始 于 计算 机 领域 ,苹果 公司 原 副 总 裁 唐 . 诺 曼 博 士 在 上 世纪 九 十 年 代 中 期 就 提出 了 “用 户 体验 ” (User 
Experience， 简 称 UX) 最 早 的 定义 。 经 过 业者 不 断 丰 富 其 内 涵 ， 延 伸 其 外 延 ， 今 天 我 们 谈论 的 “用 户 体 验 ”实际 上 已 经 成 为 了 驱 
动产 品 与 服务 创新 的 重要 抓 手 。 用 户 体验 从 最 初 阶 段 符合 好 用 、 易 用 、 易 学 、 防 止 出 错 的 基本 可 用 性 原则 ， 到 今天 满足 包括 美 
感 、 社 会 身份 表达 在 内 的 多 维度 多 层次 的 “整体 体验 ”， 完 成 了 自身 的 阶段 性 进化 。 离 开 产 品 与 服务 及 其 应 用 场景 ， 空 谈 “ 情 


怀 ”、 亡 谈 “ 体 验 ” 必 然 会 被 市 场 淘 汰 ， 被 用 户 抛 齐 。 大 浪 淘 沙 ， 不 破 不 立 ， 在 行业 跨越 式 发 展 的 过 程 中 ， 既 涌现 出 了 众多 可 喜 
的 创新 闪光 点 ， 渐 次 丰富 充实 了 用 户 体验 的 大 概念 ; 也 无 疑 或 多 或 少 杂 炎 进 一 些 以 偏 概 全 的 想法 、 曲 解 的 理念 ， 甚 至 是 有 违 用 户 
友好 基本 原则 的 “暗黑 实践 ”。 

同时 ， 用 户 体验 的 具体 工作 ， 并 非 无 源 之 水 、 无 本 之 木 。 从 理论 到 实践 ， 国 内 外 各 行业 都 已 经 有 了 非常 完整 的 体系 。 可 以 
说 ， 中 国企 业 的 用 户 体验 工作 实践 ， 从 诞生 之 日 起 就 可 与 国际 同行 一 和 争 高 下 。 换 言 之 ， 多 数 情况 下 ， 我 们 不 必 “ 重 新 发 明 轮 
子 ”， 依 照 一 定之 规 即 可 释放 出 用 户 体验 工作 对 产品 与 服务 再 造 的 巨大 影响 力 。 





但 是 ， 当 今 市 场 对 “用 户 体 验 ” 概 念 的 理解 还 有 很 多 不 同 的 看 法 ， 甚 至 还 存在 部 分 “庸俗 化 ”的 理解 。 片 面 且 简 单 地 将 孤立 
的 “主观 感受 ”理解 成 整体 的 “用 户 体验 ”， 将 提升 用 户 满意 度 异 化 为 就 是 提升 “用 户 体验 ”。 在 行业 内 谈 提 升 用 户 体验 ， 已 经 
到 了 必须 “ 书 同文 ， 车 同 轨 ” 的 阶段 。 只 有 厘清 概念 ， 才 能 在 正确 的 方向 上 探讨 如 何 提升 用 户 体验 ， 最 终 提 升 产 品 与 服务 的 整体 
水 平 。 





十 余年 来 ， 作 为 行业 的 引领 者 ，UXPA 中 国 始终 屹立 于 用 户 体验 发 展 的 潮 头 。 以 促进 用 户 体验 事业 在 中 国 乃 至 全 球 的 发 展 为 
己任 ， 不 断 传播 正确 的 用 户 体验 理念 ， 探 索 有 效 的 用 户 体验 方法 ， 推 广 高 效 的 用 户 体 验 实 践 。 在 这 个 过 程 中 ， 我 们 深刻 体会 到 ， 
要 完善 用 户 体验 ， 单 靠 用 户 体验 的 从 业者 是 远 远 不 够 的 。 真 正 的 用 户 体 验 之 道 在 于 融合 ， 不 断 与 其 他 行业 和 领域 碰撞 、 互 动 、 包 
容 ， 甚 至 浴 火 重生 ， 才 能 使 用 户 体验 之 树 长 青 。 

阿里 巴巴 在 历史 上 就 有 高 度 重视 用 户 体 验 设计 的 传统 ， 与 马云 一 起 创业 的 十 八 罗 汉中 就 有 两 位 是 设计 师 一 一 盛 一 飞 


(James) 和 麻 长 炜 (二 当家 ) 。 在 阿里 工作 期 间 ， 我 和 本 书 的 主编 吴 明 曾 共 事 过 。 人 今天， 支付 宝 AUX 团 队 能 毫 无 保留 地 将 用 户 
体验 设计 实践 与 大 家 分 享 ， 真 是 善 莫大 天。 这 里 面 ， 既 有 生动 活泼 的 案例 ， 又 有 对 UX 设 计 经 验 的 总 结 和 升华 。 用 本 书 中 提 到 的 





一 句 话 来 讲 ， 即 “设计 赋 能 商业 ”。 相 信 这 本 书 对 行业 同仁 有 一 定 的 启发 和 借鉴 意义 。 





陶 嵘 ”博士 
中 国 用 户 体验 专业 协会 (UXPA) 主席 


浙 商 银行 总 行 个 人 银行 部 总 经 理 
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“打开 钱包 之 后 ， 除 了 安全 ， 还 必须 有 熟悉 的 、 惊 喜 的 体验 。” 
支付 宝 的 产品 体验 挑战 与 集团 内 部 电 商 体系 的 产品 链 路 构建 截然 不 同 。 


拜读 小 伙伴 的 精华 总 结 之 后 ， 收 获 何 其 多 。 作 为 集团 UED 大 学 的 负责 人 ， 乐 见 这 样 的 总 结 分 享 ， 能 够 抛砖引玉 ， 拉 动 行业 
内 生活 金融 产品 的 体验 更 上 一 层 楼 。 用 生活 的 经 验 来 比喻 和 解释 支付 宝 的 产品 体系 ， 每 一 个 场景 接 入 就 如 同 用 户 在 一 个 地 铁 系统 
内 行走 ， 让 一 个 城市 生活 链 路 串 接 的 信息 框架 整合 在 一 个 产品 内 。 在 此 系统 内 的 每 一 个 入 口 /出 口 可 以 是 餐厅 、 购 物 商 城 、 政 府 
机 关 、 小 区 场景 等 。 


小 入 口 可 以 是 电影 ， 也 可 以 是 生活 缴费 ; 大 入 口 可 以 是 个 人 人 金融、 外 卖 、 线 下 餐饮 。 而 电影 院 、 餐 厅 、 商 城 等 则 是 用 户 路 线 
下 的 场景 实现 点 。 而 过 程 中 的 数据 积累 ， 最 终 由 每 个 支付 闭环 的 终端 获取 整个 路 线 上 的 最 大 化 数据 。 最 终 形成 由 用 户 实际 生活 路 


线 构建 的 用 户 个 人 数据 生态 与 习惯 ， 也 就 是 带 有 安全 感 的 产品 使 用 惯性 。 


本 书 从 以 用 户 为 中 心 的 视角 ， 剖 析 了 用 户 的 体验 旅程 与 产品 链 路 不 断 优 化 的 深度 。 在 一 个 产品 体验 框架 下 ， 让 使 用 者 有 共同 
的 标准 和 依据 来 进行 探索 ， 帮 助 用 户 在 版 本 变换 的 过 程 中 ， 不 同 生活 场景 的 变化 中 ， 以 及 碎片 式 决策 的 过 程 中 ， 仍 然 能 够 做 出 符 
合 期 望 的 决定 。 


从 支付 宝 的 产品 体验 设计 案例 中 ， 我 个 人 也 收获 了 许多 产品 体验 的 最 佳 实践 原则 : 
通过 平衡 、 对 称 和 阶层 来 形成 信任 和 完整 感 ， 像 是 格 线 设 计 对 应 主 、 辅 助 指标 图 标的 配置 。 


以 通用 度 高 的 扁平 视觉 显 性 指示 ， 让 不 同年 龄 层 的 用 户 都 可 以 理解 ， 包 括 有 部 分 前 期 障碍 〈 跨 文化 理解 、 场 域 熟 悉 性 ) 的 
使 用 者 。 通 过 系统 实时 反馈 使 用 者 的 行为 ， 为 接续 的 互动 做 好 准备 ， 预 防 并 减少 错误 。 


* 以 直觉 式 的 经 验 互动 回馈 ， 激 发 使 用 者 的 操作 自信 。 并 通过 高 相关 度 的 任务 衔接 ， 任 务 相 关 性 的 就 近 原 则 ， 让 使 用 者 在 寻 
路 过 程 中 保持 愉悦 。 


: 让 使 用 者 连接 他 们 过 去 熟悉 的 共同 脉络 ， 从 而 在 低 学 习 成 本 的 成 就 感 中 继续 探索 。 


一 一 善 牧 / 萧 健 兴 ”阿里 巴巴 集团 UED 大 学 负责 人 


中 


前 


在 企业 ， 设 计 为 商业 服务 ， 因 此 设计 和 商业 服务 一 样 ， 对 象 也 是 用 户 。 众 所 周知 ， 用 户 体验 是 一 个 系统 性 的 问题 ， 好 的 体验 


不 仅仅 是 一 个 界面 好 看 不 好 看 ， 也 不 仅仅 是 动 效 是 否 酷 炫 ， 而 是 用 户 使 用 服务 整个 阶段 的 感受 。 因 此 ， 设 计时 一 定 不 能 重 形 忘 





因 。 

一 个 产品 和 服务 能 获得 成 功 ， 是 因为 它 真 正 帮 人 们 解决 了 某 些 问 题 。 这 听 上 去 很 简单 、 很 基础 ， 但 是 在 产品 和 设计 的 过 程 中 
很 容易 被 忽视 。 这 里 面 有 两 个 关键 要 素 ， 一 是 用 户 ， 二 是 场景 。 

在 进行 体验 设计 以 前 ， 先 想 明 白 目 标 用 户 是 谁 ?” 要 在 什么 场景 下 解决 这 类 用 户 的 什么 问题 ? 不 要 用 自我 喜好 和 偏见 去 替代 真 
实用 户 需求 ， 认 为 自己 就 是 用 户 ， 自 己 的 习惯 就 是 用 户 的 习惯 。 学 会 观察 和 了 解 真实 的 用 户 场景 非常 重要 。 

走出 办 公 室 ， 到 地 铁 站 、 超 市 、 餐 饮 店 、 商 场 等 真实 的 用 户 场景 中 去 看 看 ， 去 观察 真实 的 使 用 场景 和 习惯 ， 看 他 们 怎么 使 用 
我 们 的 服务 ， 如 何 完成 产品 的 每 个 环节 与 步骤， 然后 绘制 用 户 体验 地 图 。 只 有 理解 和 感知 真实 的 需求 场景 才能 直达 问题 的 根本 ， 
做 出 解决 问题 的 设计 方案 。 

学 设计 的 意识 : 在 验证 产品 的 时 候 要 保持 一 颗 普通 用 户 的 心 ， 同 时 ， 方 法 要 专业 。 我 们 时 常会 被 经 验 和 物理 逻辑 所 迷惑 ， 忽 
略 了 常识 和 习惯 。 

好 的 东西 都 是 简单 的 ， 不 仅 符合 专业 ， 也 符合 直觉。 简单 ， 就 是 可 以 用 几 句 话 就 能 很 快 说 清楚 ， 并 能 让 目标 用 户 产 生 共 鸣 ， 
而 且 学 习 成 本 低 。 如 果 达 不 到 这 样 的 效果 ， 那 么 一 定 是 设计 方案 出 了 问题 。 

做 设计 的 方式 : 体验 设计 是 一 个 系统 性 工程 ， 因 此 合作 非常 重要 。 不 要 只 站 在 设计 师 的 角度 去 思考 ， 如 果 只 是 站 在 设计 师 的 
角度 思考 ， 将 会 束缚 你 的 能 力 和 想象 力 。 


“工作 中 ， 你 所 面临 的 所 有 人 和 事 都 是 你 工作 的 一 部 分 。” 细 想 在 你 所 服务 和 工作 的 环境 里 ， 设 计 师 可 以 扮演 什么 样 的 角 
色 ? 如 何 帮 助 把 事情 做 得 更 好 ? 为 了 帮助 业务 和 团队 成 功 ， 自 己 还 可 以 做 什么 ? 这 样 的 合作 意识 有 助 于 我 们 解决 很 多 边界 问题 ， 
同时 可 以 让 我 们 对 解决 体验 问题 有 更 全 局 的 把 握 。 








而 我 们 特别 容易 犯 的 错误 就 是 : 在 讨论 或 者 争论 一 个 问题 的 时 候 ， 很 容易 从 对 哪 种 方式 体验 更 好 一 些 的 争论 ， 变 成 谁 对 谁 错 
的 和 争论， 进而 使 争论 演变 成 捍卫 自己 的 所 谓 尊严 而 贬低 他 人 的 人 格 。 我 们 应 该 从 事情 本 身 出 发 ， 从 用 户 角 度 出 发 ， 去 考虑 最 好 的 
用 户 体验 ， 乐 于 接受 他 人 的 建议 。 讨 论 本 身 并 不 是 为 了 赢 ， 而 是 获得 最 佳 结 果 。 

















看 设计 的 演变 : 支付 宝 、 余 人 额 宝 的 横 空 出 世 ， 微 信 在 移动 TM 领 域 快 速 发 展 ， 滴 滴 和 快 的 、 美 团 和 点 评 之 间 的 O2O 战 争 ， 这 
一 切 都 说 明 ， 近 几 年 中 国 移动 互联 网 发 展 飞 快 。 





3 年 前 很 幸运 能 够 加 入 支付 宝 无 线 设 计 团 队 。 这 3 年 ， 也 是 支付 宝 飞 速 发 展 的 3 年 ， 从 一 个 移动 支付 工具 成 长 到 今天 数 亿 用 户 
的 生活 服务 平台 ， 这 是 一 个 非常 了 不 起 的 成 绩 。3 年 里 ， 支 付 宝 无 线 设计 团队 也 在 不 断 壮大 ， 这 期 闻 ， 我 们 的 产品 、 设 计策 略 也 
发 生 了 很 多 变化 。 团 队 的 设计 理念 和 方法 越 来 越 成 熟 ， 于 是 ， 我 们 想 对 这 几 年 来 团队 在 专业 上 的 一 些 收 获 和 成 果 做 一 次 总 结 ， 将 
我 们 的 一 些 经 验 分 享 给 在 无 线 体验 设 计 行业 奋斗 的 年 轻 人 ， 项 望 他 们 能 通过 我 们 的 经 验 分 享 能 够 在 成 长 的 道路 上 少 走 弯 路 。 


玩 设 计 之 初 心 : 我 们 一 直 坚 持 “设计 赋 能 商业 ”的 原则 ， 从 场景 和 产品 的 角度 去 整体 思考 设计 ， 思 考 怎样 为 业务 带 来 一 脉 相 
承 的 设计 价值 。 设 计 师 们 在 各 自 的 专业 特点 和 对 不 同 问题 解决 思路 的 基础 上 进行 经 验 与 专业 沉淀 。 


本 书 的 编排 就 是 围绕 “学 设计 、 做 设计 、 看 设计 、 玩 设计 ”的 思路 进行 串联 混 排 的 。 





成 书 的 过 程 ， 特 别 感谢 我 的 老板 和 伙伴 们 ， 有 了 你 们 的 支持 和 鼓励 ， 团 队 才 能 在 繁忙 的 工作 中 挤 出 时 间 ， 克 难 竟 事 。 特 别 感 
谢 团 队 中 的 薪 僻 炜 同学 的 无 私 尽责 ， 还 有 出 版 社 同 人 ， 有 你 们 的 帮助 和 指导 ， 我 们 才能 汇流 成 河 。 


需要 说 明 的 是 ， 书 中 的 很 多 观点 和 产 出 都 源 于 团队 里 每 一 个 设计 师 在 工作 实践 中 的 所 思 所 得 ， 故 难免 会 有 局 限 性 ， 和 希望 各 位 
读者 谅解 。 书 中 如 有 不 当 之 处 还 请 各 位 同行 、 专 家 提出 、 径 正 。 


支付 宝 用 户 体验 部 (AUX) 


凶 | 


学 设计 


01 行业 设计 “五 步 法 


文 / 王 宇 航 


随 着 “互联 网 十 ”的 火热 ， 越 来 越 多 的 线 下 服务 “ 搬 ” 到 线 上 ， 支 付 宝 也 提出 了 “连接 3600 行 ”的 口号 。 设 计 师 要 在 业务 的 
快速 推动 与 先 代 中 ， 快 速 接手 新 的 行业 线 设计 ， 必 须 理解 产品 背后 的 逻辑 ， 对 其 所 处 的 行业 背景 、 商 业 模式 和 发 展 方向 的 研究 保 


持 足 够 的 重视 。 但 是 往往 一 个 项 目 设 计 的 时 间 又 是 有 限 的 ， 对 于 一 个 行业 的 理解 也 是 需要 时 间 沉 淀 与 积累 的 ， 这 就 会 产生 一 定 的 
矛盾 。 所 以 动态 并 快速 地 使 用 一 些 设计 策略 是 行 之 有 效 的 。 


我 们 将 在 工作 中 形成 的 设计 思路 与 方法 进行 归纳 ， 总 结 出 行业 设计 “五 步 法 ”， 和 希望 对 一 些 新 下 的 设计 师 有 所 帮助 ， 使 他 们 
能 够 通过 这 些 通用 的 、 标 准 化 的 设计 方法 快速 上 手 项 目 ， 快 速 跟着 项 目 跑 起 来 。“ 五 步 法 ”中 的 每 一 步 都 不 是 唯一 的 设计 方法 ， 
只 是 我 们 在 工作 中 常用 的 方法 。 为 了 能 让 读者 有 更 强 的 代入 感 ， 我 们 将 以 移动 医疗 产品 设计 为 例 ， 进 行 详细 说 明 。 


第 1 节 ”充分 的 行业 调研 


为 什么 要 做 行业 调研 ? 行业 调研 的 目的 是 什么 ? 


做 行业 调研 主要 是 为 了 了 解 行业 的 现状 与 未 来 发 展 趋势 ， 对 行业 项 目 背 景 能 有 深刻 的 认识 ， 在 过 程 中 寻找 产品 目标 ， 挖 掘 用 
户 痛 点 。 在 行业 调研 初始 阶段 ， 先 拟定 行业 调研 提纲 ， 比 如 : 


- 行业 的 价值 链 ; 





行业 的 竞争 态势 ; 

. 产业 政策 ， 监 管 体制 ; 

. 市 场 容量 、 市 场 细 分 结构 以 及 未 来 增长 趋势 ; 
: 行业 供需 结构 与 盈利 方式 ，; 

“ 相关 利益 方 分 析 ; 

. 行业 痛 点 、 关 键 成 功 要 素 和 自身 优势 。 


通过 这 些 指导 性 的 提纲 进行 有 针对 性 的 深入 调研 ， 根 据 自己 的 时 间 与 资源 ， 选 择 适 合 自己 的 方法 ， 包 括 桌 面 研究 、 问 卷 调 
查 、 用 户 访谈 、 田 野 调 查 、 数 据 分 析 等 来 发 现 问题 。 我 们 主要 采取 的 方法 倾向 于 桌面 研究 与 田野 调查 两 者 相 结合 。 这 两 种 方法 是 
在 有 限时 间 里 产 出 最 大 化 的 调研 方法 。 


1. 桌 面 研 究 


桌面 研究 指 不 进行 一 手 资料 的 实地 调研 和 采集 ， 而 直接 通过 电脑 、 杂 志 、 书 籍 、 文 档 、 互 联网 搜索 等 现 有 二 手 资料 进行 分 析 
和 研究 的 方案 ， 也 称 为 案 面 研究 ， 也 有 业内 人 士 称 之 为 二 手 资料 研究 。 研 究 内 容 包 括 国家 政策 走向 、 行 业 限制 、 行 业 所 处 的 发 展 


阶段 、 行 业 痛 点 、 国 内 外 行业 对 比 等 。 桌 面 研究 能 够 让 设计 师 对 一 个 行业 有 一 个 粗浅 、 大 致 的 认识 ， 基 于 这 些 认识 推动 行业 项 目 
产生 新 的 进展 。 


首先 ,确立 研究 目标 ， 即 宏观 地 认识 医疗 行业 现状 ， 从 中 发 现 机 会 ， 为 后 期 实地 调研 提供 方向 。 其 次 ， 通 过 不 同 渠 道 收集 资 
料 ， 包 括 但 不 限于 : 


. 通过 媒体 等 渠道 收集 国内 医疗 体制 体系 ， 国 家 政策 ; 
.网络 调 研 医疗 体 系 中 可 见 问题 ; 


. 查询 整理 已 有 团队 历史 研究 资料 ; 


" 归 类 分 析 医 疗 体 系 中 的 不 同 场 景 ， 为 之 后 调研 明确 方向 及 内 容 。 


在 做 了 这 些 基本 的 桌面 研究 后 ， 产 出 一 份 研究 报告 ， 包 括 研究 内 容 陈述 、 研 究 发 现 以 及 报告 结论 ， 然 后 将 有 价值 的 内 容 进 行 
组 内 分 享 ， 从 设计 角度 表达 对 于 行业 思考 的 观点 。 


2. 田 野 调 查 


田野 调查 指 深 入 线 下 并 观察 用 户 使 用 场景 ， 绘 制 体验 地 图 ， 绘 制 用 户 体验 曲线 。 田 野 调查 主要 分 为 3 个 阶段 : 准备 阶段 、 调 
查 阶段 、 整 理 阶段 。 


在 准备 阶段 ， 要 选 定 好 被 调查 地 点 和 被 调查 人 群 ， 进 行 必要 的 物资 准备 ， 包 括 录 音 设备 、 照 相 设 备 、 录 像 设备 、 笔 、 笔 记 本 
等 。 在 选择 被 调查 地 点 时 要 进行 甄选 ， 全 科 、 三 甲 、 门 诊 量 较 大 的 医院 是 我 们 的 首要 考察 方向 ， 其 能 提供 更 完整 的 服务 流程 ， 履 
盖 更 全 的 患者 群体 ， 据 此 得 到 的 解决 方案 具有 普 适 性 。 


在 调查 阶段 ， 最 好 2~3 人 组 成 一 个 团队 ， 针 对 不 同 的 服务 场景 ， 如 大 厅 、 候 诊 厅 、 缴 费 窗口 处 等 进行 布点 ， 主 要 采用 参与 观 
察 和 拦 访 两 种 形式 。 参 与 观察 除了 要 观察 深入 、 注 意 细节 外 ， 还 要 透 过 现象 看 本 质 ， 透 过 用 户 的 现场 行为 去 思考 背后 的 真实 需 
求 。 拦 访 分 为 结构 性 访谈 和 非 结构 性 访谈 。 结 构 性 访谈 一 般 是 事先 准备 好 访谈 提纲 或 者 问卷 提纲 ， 寻 找 目标 用 户 进 行 拦 访 ; 非 结 
构 性 访谈 主要 是 寻找 目标 用 户 就 某 些 问题 进行 自由 交流 ， 非 结构 性 访谈 对 访谈 者 的 要 求 较 高 ， 需 要 把 握 访谈 的 尺度 和 技巧 ， 并 且 
要 学 会 启发 用 户 ， 多 问 几 个 为 什么 ， 深 挖 背后 用 户 的 需求 。 田 野 调查 实景 分 析 如 图 1 所 示 。 


在 整理 阶段 ， 会 发 现在 调研 过 程 中 回收 了 非常 多 的 问题 ， 这 些 问题 杂 上 且 乱 。 因 此 ， 首 先 就 要 进行 问题 的 归纳 和 总 结 ， 梳 理 出 
在 体验 节点 中 用 户 遇 到 的 主要 问题 ， 即 严重 阻碍 用 户 行为 流程 并 且 反 馈 数 量 较 多 的 问题 。 其 次 ， 撰 写 一 份 调研 总 结 大 纲 ， 把 主要 
间 题 列 出 并 快速 同步 给 团队 和 业务 方 。 还 有 一 点 非常 关键 ， 就 是 需 和 产品 经 理 配 合 好 ， 根 据 项 目 进程 和 开发 资源 ， 梳 理 出 真正 能 
快速 落地 和 执行 的 主要 问题 ， 并 且 提 出 解决 方案 。 


及 就 诊 流程 休 验 





。 信息 密集 ， 采 用 科室 , 日。 。 查找 ， 挂 号 人 员 询 问 挂号 类 型 。 工 作 信 员 主 动 询问 就 论 ， 医 生 询 癌症 状 
出 列表 。 排 队 寻 找 入 少 处 1 确定 亚 还 有 专家 号 科室 ， 部 环 病 症 
， 芝 有 竺 区 村 营办 来 府 ， 查 着 窗口 扳 音 风 制 信息 挂 专家 到 达 了 所 在 等 待 区 站 ， 医 生 预 判 病 情 
信息 基准 出 要 时 他 ， 选 抒 队 列 作 史 ， 汪 末 和 从 芭 地 身份 已 ， 不 知 等 特 时 | 。 建 议 做 心电图 
， 自 诊 疾 病 ， 排 队 ， 成 功 挂 号 1 不 和 站 再 要 每 竺 
， 自 判 科室 【各 不 明确 问 次 。  ， 等 待 (打开 手机 ) ， 获 得 技 导 玫 妥 票 、 就 诊 原 。。 。 不 知 如 何等 
询 台 ) 。 发现 不 需要 等 竺 
。 砚 定 科 堂 反复 犹 于 ， 咨 询 柑 诊 科室 所 在 方位 。 到达 所 在 诊 





心电图 凰 费 弟 * 返回 一 层 门 诊 大 厅 ， 获得 比 费 单 捧 ， 怎 搞 的 脚下 不 朋 列 的 稍 头 


* 医生 开具 ， 确 定 医 技 樟 的 议 切 方位 
咨询 瞄 夺 地 点 * 查看 窗口 堪 旨 限制 信息 ， 咨 询 检查 地 点 指示 * 前 往 医 技 梯 
"去 往 壤 再 地 志 * 童 找 符合 要 求 的 人 少 的 队 。 工作 人 员 人 告知 地 虚 “ 扰 去 不明; 狗 险 按照 稍 头 

* 排队 ， 前 往 目标 地 点 

* 等待 (打开 乎 机 ) , 基 丰 许 外 


* 查看 指示 等 符合 检查 的 韦 者 
* 对 检查 流程 不 诅 查看 检查 绪 洒 的 束 者 
， 咨 询 工 作 人 员 等 待 肝 玩 手 机 


许 当 六 赚 馆 旷 





CE 


图 1 所 示 中 我 们 选 定 当地 某 著名 三 甲 医院 为 调查 地 点 ， 选 定 就 医 患 者 为 调查 人 群 。 从 进入 医院 查看 大 厅 的 出 诊 列 表 确定 科室 


开始 ， 到 患者 的 初步 就 诊 中 ， 拆 分 了 5 个 关键 就 医 节点 进行 观察 和 分 析 ， 而 每 一 个 节点 都 存在 一 些 线 下 体验 烦琐 或 体验 不 佳 的 情 
况 。 比 如 在 观察 中 我 们 发 现 患者 从 一 进入 医院 就 遇 到 麻烦 ， 大 多 数 初诊 患者 无 法 自 判 科室 ， 需 到 就 诊 台 咨询 。 即 使 有 出 诊 列表 ， 
患者 筛选 信息 也 比较 困难 ， 出 诊 列表 的 展示 设计 有 时 还 存在 问题 ， 部 分 患者 在 确定 科室 后 还 会 反复 犹豫 。 而 这 些 细节 就 是 我 们 的 
机 会 ， 但 如 果 不 到 线 下 ， 很 多 设计 师 是 无 法 想到 这 些 细微 场景 的 。 只 有 不 断 地 改善 这 些 细节 性 的 痛 点 ， 才 能 让 用 户 感到 温暖 ， 才 
能 让 产品 温度 永存 。 


第 2 节 ”圈定 目标 人 群 ， 明 确 用 户 分 类 与 行为 特征 

在 基础 调研 后 会 发 现 ， 在 对 就 医 相关 利益 者 (包括 提供 医疗 服务 者 、 就 医 串 者 、 医 疗 行政 人 员 等 ) 的 考虑 中 ， 使 用 挂号 服务 
的 主要 目标 人 群 还 是 就 医 患 者 。 针 对 就 医 患者 可 以 从 以 下 几 个 方面 来 解构 目标 用 户 。 

1. 人 口 学 特征 


人 口 学 特征 包括 空间 、 年 龄 、 性 别 、 文 化 、 职 业 、 收 入 、 生 育 率 等 指标 ， 在 项 目 设计 前 ， 必 须 明确 核心 用 户 群 体 的 人 口 学 特 
征 。 比 如 医疗 行业 中 就 有 明显 的 人 口 学 特征 ，18~34 岁 人 群 使 用 占 比 最 高 ， 在 线 挂号 用 户 群 呈现 年 轻 化 趋势 ， 女 性 用 户 占 比 远 高 
于 男性 (基于 公司 的 行业 用 研 数据 ) ， 如 图 2 所 示 。 
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图 2 在 线 挂号 用 户 属 性 及 行为 属性 (数据 来 源 于 调研 ) 
2. 用 户 分 层 


对 用 户 从 不 同 纬度 进行 拆 解 与 分 析 会 发 现 ， 不 同 的 用 户 群 体 产生 的 行为 特征 具有 了 明显 的 差异 化 。 可 以 从 用 户 自然 特征 (性 
别 、 年 龄 、 地 域 、 学 历 或 教育 水 平等 ) 进行 划分 ， 也 可 以 从 用 户 社会 特征 (婚姻 状况 、 家 庭 情况 、 社 交 渠 道 、 职 业 等 ) 进行 划 
分 ,又 可 以 从 用 户 行为 进行 划分 ， 根 据 不 同 的 业务 形态 采取 不 一 样 的 用 户 分 层 。 在 医疗 场景 中 ， 比 较 突出 的 用 户 分 层 是 从 用 户 行 
为 上 进行 划分 ， 如 名 院 型 、 名 医 型 、 专 病 型 、 名 医 名 院 型 ， 见 表 1。 不 同 的 行为 特征 其 后 期 产品 方案 中 用 户 路 径 设 计 也 会 截然 不 
同 ， 这 样 的 分 层 有 利于 在 产品 设计 中 覆盖 大 部 分 用 户 的 行为 路 径 。 分 层 也 是 用 于 比较 的 ， 比 较 是 为 了 反映 不 同 用 户 层 的 核心 需 
求 ， 进 而 指导 产品 方向 ， 所 以 分 层 最 终 还 是 为 了 指导 产品 决策 ， 这 才 是 进行 用 户 分 析 的 价值 体现 。 





表 1 用 户 分 层 


用 户 类 型 核心 特征 


名 医 型 注重 医生 资质 ， 医 生 职 称 高 或 经 验 丰 富 即 可 
名 院 型 注重 医院 资质 ， 只 要 是 三 甲 医院 即 可 
专 病 型 针对 专 病 门 诊 ， 提 供 有 针对 性 的 治疗 和 辅导 
名 院 名 医 型 既 注 重 医 院 ， 又 注重 医生 资质 

3. 行 为 特征 


进行 用 户 分 层 后 ， 找 出 核心 用 户 的 行为 特点 ， 主 要 分 析 核 心 场景 中 用 户 在 处 理 核心 任务 的 行为 方式 。 这 样 可 以 让 设计 师 更 加 
详细 、 清 楚 地 了 解 用 户 的 行为 习惯 ， 从 而 找 出 存在 的 问题 ， 有 助 于 产品 设计 更 加 精准 、 有 效 ， 提 高 产品 业务 转化 率 。 比 如 调研 与 
观察 发 现 用 户 对 三 甲 医 院 和 专家 门诊 需求 度 强 ， 挂 号 行为 频率 偏 低 ， 用 户 行为 呈现 明显 低频 、 刚 需 、 优 资源 导向 等 特点 。 这 些 都 
是 围绕 用 户 进行 就 医 挂号 场景 的 分 析 ， 跟 目标 用 户 群 年 龄 特征 和 就 医 习 惯 紧 密 相关 。 


第 3 节 ，” 仿真 分 析 ， 搭 建 用 户 场景 


在 进行 完整 的 行业 调研 与 目标 用 户 圈 定 分 析 后 ， 需 要 针对 调研 结果 进行 整理 ， 将 内 容 结构 化 。 对 用 户 核心 的 线 下 场景 、 用 户 
行为 轨迹 、 获 取 目 标 任务 的 渠道 与 核心 路 径 、 在 过 程 中 用 户 的 痛 点 和 障碍 等 进行 提炼 ， 并 针对 目标 用 户 建立 有 代表 性 的 用 户 画 
像 ， 待 这 些 重点 的 “原材料 ”准备 完整 后 ， 就 可 以 开始 亮 饪 一 道 完美 的 “场景 ”大 餐 了 。 


1. 场 景 是 什么 


场景 原 指 电影 拍摄 的 场地 和 布景 。 其 实 做 产品 就 像 拍 电影 ， 你 要 把 自己 当 导 演 : 挑选 场地 和 布景 ， 考 虑 演员 的 状态 ， 如 何 走 
位 ， 人 台词 有 哪些 ， 对 戏 该 如 何 进 行 ， 电 影 的 核心 主题 如 何 表达 ， 等 等 。 而 用 户 的 核心 痛 点 与 产品 的 核心 功能 很 有 可 能 是 由 多 个 使 
用 场景 组 成 的 。 基 于 目标 与 任务 进行 构建 ， 让 设计 师 能 深入 “剧情 ”， 在 细节 中 推 项 用 户 的 每 一 个 想法 和 举动 ， 真 正 做 到 从 用 户 
角度 出 发 ， 将 产品 与 用 户 场 景 融合 起 来 。 


2. 为 什么 要 搭建 场景 


搭建 场景 与 实现 产品 目标 是 相辅相成 、 相 互 印证 的 。 解 决 用 户 痛 点 是 场景 构建 的 主要 目的 之 一 ， 市 场 需求 逐渐 变 得 碎片 化 、 
长 尾 化 、 多 元 化 和 个 性 化 ， 搭 建 场景 能 覆盖 用 户 全 量 活动 轨迹 ， 让 需求 分 析 更 精准 ， 让 产品 功能 更 全 面 ， 让 业务 目标 定位 更 清 
晰 ， 让 团队 对 产品 的 理解 更 一 致 。 


3 .场景 该 如 何 搭建 


仿真 分 析 即 仿照 真实 线 下 流程 构建 线 上 虚拟 场景 的 方法 。 现 实 的 情况 是 用 户 因为 线 下 业务 流程 的 复杂 性 会 呈现 出 各 种 各 样 的 
状态 ,仿真 分 析 能 从 成 本 、 时 间 、 行 为 、 路 径 等 多 个 角度 验证 流程 ， 评 估 流 程 的 体验 优 务 ， 对 流程 的 模拟 执行 生成 结构 化 的 结 
果 ， 从 而 帮助 用 户 找到 流程 中 的 “瓶颈 ”并 加 以 分 析 与 做 化。 针对 流程 的 缺陷 提出 改进 方案 ， 得 出 一 个 可 期 望 和 可 实现 的 模型 。 


针对 模型 的 展现 ， 方 式 可 以 不 同 。 如 果 是 全 量 场景 的 结构 化 展示 建议 用 表格 形式 ， 内 容 也 要 精练 ， 这 样 利 于 阅读 和 团队 内 沟 
通 ; 如 果 是 细 分 场景 的 用 户 行为 分 析 ， 可 以 用 更 敏捷 的 方式 ， 以 简单 文本 描述 故事 即 可 。 以 挂号 场景 下 的 用 户 全 链 路 行为 分 析 为 
例 ， 可 以 大 致 分 为 挂号 前 、 挂 号 中 、 挂 号 后 3 个 主要 阶段 ， 从 场景 描述 与 用 户 行为 出 发 ， 用 户 行为 则 可 以 从 渠道 、 路 径 、 痛 点 、 


用 户 方案 等 方面 进行 分 析 。 从 前 期 的 调研 中 会 发 现 就 诊 患者 在 挂号 前 的 第 一 场景 一 般 是 先 对 病情 进行 预 估 : 用 户 根据 病症 寻找 病 
症 原因 、 治 疗 方法 等 信息 ， 从 4 个 维度 评估 病情 A dt 获取 病情 信息 的 线 上 渠道 有 搜索 引擎 、 医 疗 网 站 
或 论坛 、 电 话 等 ; 线 下 渠道 则 向 同 / 父辈 或 医生 咨询 。 在 这 些 行 为 分 析 中 会 发 现 用 户 的 一 些 使 用 痛 点 ， 包 括 : Q@ 疾 病 信息 质量 差 
且 规 范 不 统一 ; @ 信 息 碎片 化 现象 严重 ; @@ 信 息 口碑 缺失 ; @@ 信 息 权威 性 缺失 。 这 背后 就 会 产生 针对 痛 点 的 用 户 需求 ， 主 要 包括 
疾病 信息 (症状 、 原 因 、 治 疗 方法 、 推 荐 医院 、 推 荐 医生 等 ) 、 就 诊 决策 、 权 威 、 口 碑 、 症 状 评估 等 ， 见 表 2。 


再 如 挂号 后 对 用 户 场景 的 分 析 ， 挂 号 后 患者 的 场景 一 般 就 是 去 医院 候诊 ， 为 就 诊 做 准备 ， 他 可 能 使 用 的 线 上 渠道 包括 挂号 平 
台 、 百 度 搜索 、 地 图 等 。 线 下 渠道 就 是 到 院内 取 号 ， 如 图 3 所 示 。 
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图 3 就 医 流程 路 径 图 
表 2 场景 分 析 
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在 图 3 中 发 现 的 痛 点 包括 就 诊 指导 的 缺失 、 候 诊 状态 的 缺失 、 流 程 烦琐 、 过 号 现象 的 存在 等 。 而 患者 大 多 在 线 下 采取 的 方案 
有 两 种 : 一 即 尽早 到 医院 准备 和 候诊 ， 二 即 过 号 后 重新 排队 或 与 医院 人 员 协 商 。 所 以 在 构建 场景 的 过 程 中 ， 就 可 以 不 断 发 现 患 者 
就 医 过程 中 的 障碍 ， 发 现 问题 后 则 将 问题 提炼 转移 至 线 上 产品 的 设计 中 ， 这 就 是 所 说 的 设计 ， 其 目的 是 解决 问题 。 


场景 构建 完毕 后 ， 并 不 是 固定 不 变 的 。 随 着 业务 场景 的 发 展 与 设计 师 理解 的 加 深 ， 场 景 是 有 可 能 不 断 变化 与 发 展 的 ， 它 是 3 
态 的 。 在 过 程 中 分 析 用 户 行为 的 变化 与 发 生 ， 行 为 往往 跟随 功能 ， 产 品 的 体验 触 点 与 用 户 行为 的 发 生 高 度 重合 。 


第 4 节 ”和 饰 选 核 心 需求 ， 建 立 需求 管理 


用 户 需求 是 线性 产生 的 ， 也 是 交叉 产生 的 ， 其 需要 设计 师 敏 锐 的 判断 能 力 与 鉴别 能 力 ， 什 么 是 核心 需求 ”什么 是 次 级 需求 ? 
什么 是 伪 需 求 》 这 就 需要 结合 商业 模式 、 产 品 发 展 目标 、 用 户 场 景 与 用 户 行为 来 交叉 判断 。 而 对 于 需求 的 理解 ， 最 后 往往 还 
焦 用 户 。 用 户 需求 在 每 一 个 发 展 阶段 是 会 产生 变化 的 ， 所 以 需要 不 断 地 验证 与 完善 ， 而 敏捷 设计 、 敏 捷 开 发 、 不 断 快速 迭代 就 是 
对 其 的 补充 。 


需求 的 定位 也 可 能 是 动态 的 ， 方 法 有 很 多 ， 而 个 人 更 倾向 于 通过 场景 的 构建 来 挖掘 用 户 的 核心 需求 ， 例 如 ， 图 3 中 在 对 挂号 
后 场景 的 构建 分 析 后 发 现 用 户 的 二 级 需求 就 是 就 诊 指导 、 候 诊 提醒 、 流 程 简便 等 关键 因素 ， 针 对 这 些 需求 点 进行 产品 功能 的 导出 
与 设计 ， 而 其 需求 背后 核心 还 是 “便捷 ”， 产 品 设计 的 落地 必须 真正 实现 挂号 后 就 医 便捷 这 一 目标 。 


当然 ， 若 时 间 人 允许 也 可 以 组 建 焦 点 小 组 进行 深度 访谈 ， 前 提 是 项 目 留 给 你 的 时 间 很 充裕 。 下 面 重点 介绍 对 需求 的 管理 ， 这 是 
容易 被 忽视 ， 却 是 异常 重要 的 。 


1. 评 估 需 求 


需求 的 评估 最 重要 的 不 是 知道 要 做 什么 ， 而 是 知道 什么 不 要 做 。 当 产品 给 出 一 份 需求 表单 和 功能 列表 的 时 候 ， 一 般 已 经 产 


经 理 筛选 过 了 ， 但 设计 师 要 有 自己 的 判断 ， 这 也 是 主动 参与 到 产品 设计 中 的 重要 一 环 ， 在 这 里 你 可 以 与 产品 经 理 一 起 探讨 需求 对 
于 用 户 的 重要 程度 ， 以 及 实现 顺序 。 


2. 排 序 需求 


需求 的 优先 级 可 能 比 需求 本 身 更 加 重要 。 我 们 每 次 的 产品 迁 代 都 会 列 出 一 连 串 的 需求 列表 ， 每 个 功能 都 像 是 重点 ， 每 个 功能 
似乎 对 于 用 户 都 是 不 可 或 缺 的 。 但 在 推进 时 会 发 现 开发 的 时 间 根本 安排 不 过 来 ， 产 品 上 线 是 有 时 间 表 的 ， 交 互 要 协助 产品 从 用 户 
的 体验 角度 来 进行 需求 的 裁减 ， 只 有 进行 整体 的 平衡 和 优先 级 的 排 布 才能 实现 产品 功能 和 代价 值 的 最 大 化 。 

需求 变更 管理 


在 敏捷 的 管理 体系 下 ， 理 性 的 需求 变更 是 可 以 接受 的 ， 但 是 所 有 的 需求 变更 都 需要 进行 很 好 的 控制 。 对 于 简单 的 需求 变更 ， 
在 对 项 目 进度 没有 影响 、 对 开发 成 本 没有 造成 负担 的 情况 下 ， 是 可 以 快速 完成 的 。 对 于 一 些 较为 复杂 的 需求 变更 ， 如 果 会 增加 项 
目 开发 成 本 ， 影 响 项 目 上 线 时 间 ， 影 响 用 户 操作 体验 ， 设 计 师 就 一 定 要 严格 把 控 ， 该 拒绝 的 当机立断 地 拒绝 ， 并 给 出 利 浆 的 分 
析 ， 或 者 进行 延 后 处 理 ， 可 以 在 下 一 版 本 的 迭代 中 再 进行 设计 。 


第 5 节 建立 交互 框架 ， 输 出 交互 方案 


信息 架构 是 一 个 很 大 的 范畴 。 但 不 论 是 特定 的 场景 或 者 给 定 目 标的 信息 架构 项 目 ， 我 们 经 常 考虑 的 是 建立 更 有 效 的 沟通 结 





构 。 


Jessie James Gatrett 


信息 架构 的 建立 是 交互 设计 师 在 项 目 推进 过 程 中 非常 核心 的 环节 ， 这 个 阶段 的 产 出 质量 直接 影响 到 业务 目标 、 转 化 率 、 用 户 
体验 。 如 果 框 架 清晰 ， 用 户 就 能 快速 完成 任务 目标 ， 提 升 效率 ， 它 是 产品 与 用 户 交 互 的 隐 性 环节 。 信 息 架 构 如 图 4 所 示 。 


广 而 浅 的 架构 用 户 可 以 用 较 少 的 点 击 完成 相应 的 目标 任务 ， 但 信息 分 类 标准 过 多 ， 会 增加 用 户 层级 分 类 寻找 的 成 本 。 窒 而 深 
的 架构 则 使 用 户 增 加 了 操作 步骤 ， 但 减少 了 用 户 操作 选项 。 





生性 结构 
图 4 ”信息 架构 
2. 流 程 图 
在 使 用 产品 中 用 户 所 能 操作 的 界面 以 及 页 面 上 下 游 之 间 的 跳 转 关系 和 组 织 的 表达 ， 称 为 流程 图 。 通 过 流程 图 的 绘制 ， 可 以 清 
晰 表达 用 户 在 使 用 产品 中 的 操作 与 交互 关系 ， 以 及 对 于 整体 交互 动作 和 流程 的 把 控 。 流 程 设 计 中 要 遵循 以 下 原则 : Q@ 以 用 户 需求 
为 主要 导向 ;兼顾 用 户 的 使 用 习惯 ; @ 流 程 尽量 短 ; @ 每 个 操作 页 面 仅 有 一 个 核心 操作 任务 ; @ 考 虑 交互 实现 的 开发 成 本 。 设 
计 师 在 设计 页 面 了 时， 应 该 在 页 面 上 建立 许多 视觉 层次 ，3 引 导 用 户 的 视觉 焦点 。 先 把 用 户 的 注意 力 吸引 到 最 重要 的 元 素 上 ， 然 后 才 


把 用 户 视线 引导 到 其 他 重要 程度 次 要 的 信息 上 。 这 样 便于 用 户 快捷 、 迅 速 地 找到 自己 所 需 ， 更 好 地 完成 阅读 、 浏 览 任务 。 挂 号 平 
台 核 心 流程 如 图 5 所 示 。 


挂号 平台 核心 流程 交互 稿 
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选择 医院 > 选择 科室 > 选择 医生 * ”医生 详情 > ” 盾 写 预约 信息 。 > 预约 详情 


图 5 ”挂号 平台 核心 流程 


3. 页 面 交 互 细 节 设 计 


对 于 制作 交互 说 明 ， 每 个 人 习惯 都 有 所 不 同 ， 最 好 是 有 数字 或 者 字母 的 清晰 的 对 应 标注 ， 便 于 阅读 和 理解 。 每 一 步 的 页 面 跳 
转 说 明 ， 细 节 和 动作 需要 摘 述 清楚 。 还 应 有 极限 状态 下 的 说 明 ， 比 如 一 个 列表 的 最 长 和 最 短 的 显示 ， 一 行 字 段 的 长 度 限制 ， 是 否 
跳 行 ， 等 等 。 最 后 就 是 异常 / 出 错 情况 的 说 明 ， 如 空 页 面 、 系 统 错误 、 错 误 反 馈 等 情况 ， 这 时 比较 适合 增加 一 些 情感 化 的 设计 ， 
比如 很 多 空 页 面 的 俏皮 风 、 温 暖 系 等 ， 尽 量 避 免 用 户 对 于 异常 / 出 错 情况 产生 低 藻 情绪 。 交 互 说 明 如 图 6 所 示 。 
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张 一 一 玄 副 主任 医师 


中 国人 民 解 放 军 总 医院 内 学 刻 科 
waaam 杆 长 : 子宫 肌 箱 、 子 宫 内 觅 手 孙 ， 圣 肠 澡 
， 高 性 复杂 性 肛 芭 


1. 获 取 医 生 头 像 ， 疫 有 头像 的 显示 虚 认 头像 样式 

2. 预 约 状态 有 号 和 已 满 的 要 进行 显示 上 的 区 别 

3. 医 生 评 价 如 果 没 有 就 不 显示 

4. 医 生 列表 综合 排序 , 包括 热度 、 号 源 量 等 ,已 满 的 排序 下 沉 





图 6 交互 说 明 


在 产 出 正式 线 框图 之 前 ， 要 鼓励 交互 设计 师 拿 起 纸 和 笔 通过 草图 来 交流 与 表达 产品 思路 ， 草 图 也 是 一 种 结论 产 出 ， 是 很 好 的 
沟通 信息 载体 ， 并 且 成 本 很 低 ， 可 通过 快速 产 出 、 快 速 交 流 、 快 速 更 改 ， 在 不 断 调研 和 进 代 中 验证 想法 。 


总 结 


eeN- 口 


设计 师 在 做 行业 需求 时 需要 不 断 加 强 自身 链 路 设计 的 能 力 ， 不 是 仅仅 承接 产品 经 理 或 者 老板 的 需求 即 可 ， 交 互 设计 更 像 是 一 
个 有 产品 思想 的 需求 翻译 ， 在 整个 项 目 组 中 建立 一 座 桥 梁 ， 在 沟通 与 解决 问题 的 过 程 中 还 要 不 断 预 见 问 题 、 定 义 问 题 ， 进 行 设计 
的 前 置 ， 走 到 用 户 面 前 ， 倾 听 用 户 ， 观 察 用 户 ， 帮 助 用 户 ， 真 正 做 到 以 “用 户 为 中 心 ”进行 设计 。 


学 设计 


01 行业 设计 “五 步 法 


文 / 王 宇 航 


随 着 “互联 网 十 ”的 火热 ， 越 来 越 多 的 线 下 服务 “ 搬 ” 到 线 上 ， 支 付 宝 也 提出 了 “连接 3600 行 ”的 口号 。 设 计 师 要 在 业务 的 
快速 推动 与 移 代 中 ， 快 速 接 手 新 的 行业 线 设 计 ， 必 须 理解 产品 背后 的 逻辑 ， 对 其 所 处 的 行业 背景 、 商 业 模 式 和 发 展 方向 的 研究 保 
持 足 够 的 重视 。 但 是 往往 一 个 项 目 设计 的 时 间 又 是 有 限 的 ， 对 于 一 个 行业 的 理解 也 是 需要 时 间 沉 淀 与 积累 的 ， 这 就 会 产生 一 定 的 
矛盾 。 所 以 动态 并 快速 地 使 用 一 些 设计 策略 是 行 之 有 效 的 。 


我 们 将 在 工作 中 形成 的 设计 思路 与 方法 进行 归纳 ， 总 结 出 行业 设计 “五 步 法 ”， 和 希望 对 一 些 新 晋 的 设计 师 有 所 帮助 ， 使 他 们 
能 够 通过 这 些 通用 的 、 标 准 化 的 设计 方法 快速 上 手 项 目 ， 快 速 跟着 项 目 跑 起 来 。“ 五 步 法 ”中 的 每 一 步 都 不 是 唯一 的 设计 方法 ， 
只 是 我 们 在 工作 中 常用 的 方法 。 为 了 能 让 读者 有 更 强 的 代入 感 ， 我 们 将 以 移动 医疗 产品 设计 为 例 ， 进 行 详细 说 明 。 


第 1 节 ”充分 的 行业 调研 


为 什么 要 做 行业 调研 ? 行业 调研 的 目的 是 什么 ? 


做 行业 调研 主要 是 为 了 了 解 行业 的 现状 与 未 来 发 展 趋势 ， 对 行业 项 目 背景 能 有 深刻 的 认识 ， 在 过 程 中 寻找 产品 目标 ， 挖 掘 用 
户 痛 点 。 在 行业 调研 初始 阶段 ， 先 拟定 行业 调研 提纲 ， 比 如 : 


: 行业 的 发 展 历史 、 现 状 、 前 最 和 特点 ; 


: 行业 的 价值 链 ; 





. 行业 的 竞争 态势 


- 产业 政策 ， 监 管 体 制 ; 


. 市 场 容量 、 市 场 细 分 结构 以 及 未 来 增长 趋势 ; 
: 行业 供需 结构 与 盔 利 方式 ，; 

* 相关 利益 方 分 析 ; 

行业 痛 点 、 关 键 成 功 要 素 和 自身 优势 。 


通过 这 些 指导 性 的 提纲 进行 有 针对 性 的 深入 调研 ,根据 自己 的 时 间 与 资源 ， 选 择 适合 自己 的 方法 ， 包 括 桌 面 研究 、 问 卷 调 
查 、 用 户 访谈 、 田 野 调查 、 数 据 分 析 等 来 发 现 问题 。 我 们 主要 采取 的 方法 倾向 于 桌面 研究 与 田野 调查 两 者 相 结合 。 这 两 种 方法 是 
在 有 限时 间 里 产 出 最 大 化 的 调研 方法 。 


1. 桌 面 研究 


桌面 研究 指 不 进行 一 手 资料 的 实地 调研 和 采集 ， 而 直接 通过 电脑 、 杂 志 、 书 籍 、 文 档 、 互 联网 搜索 等 现 有 二 手 资料 进行 分 析 
和 研究 的 方案 ， 也 称 为 案 面 研究 ， 也 有 业内 人 士 称 之 为 二 手 资料 研究 。 研 究 内 容 包括 国家 政策 走向 、 行 业 限 制 、 行 业 所 处 的 发 展 


阶段 、 行 业 痛 点 、 国 内 外 行业 对 比 等 。 桌 面 研究 能 够 让 设计 师 对 一 个 行业 有 一 个 粗浅 、 大 致 的 认识 ， 基 于 这 些 认识 推动 行业 项 目 
产生 新 的 进展 。 


首先 ,确立 研究 目标 ， 即 宏观 地 认识 医疗 行业 现状 ， 从 中 发 现 机 会 ， 为 后 期 实地 调研 提供 方向 。 其 次 ， 通 过 不 同 渠 道 收集 资 
料 ， 包 括 但 不 限于 : 


. 通过 媒体 等 渠道 收集 国内 医疗 体制 体系 ， 国 家 政策 ; 

` 网 络 调研 医疗 体系 中 可 见 问题 ; 

. 查询 整理 已 有 团队 历史 研究 资料 ; 

" 归 类 分 析 医 疗 体 系 中 的 不 同 场 景 ， 为 之 后 调研 明确 方向 及 内 容 。 


在 做 了 这 些 基本 的 桌面 研究 后 ， 产 出 一 份 研究 报告 ， 包 括 研究 内 容 陈述 、 研 究 发 现 以 及 报告 结论 ， 然 后 将 有 价值 的 内 容 进 行 
组 内 分 享 ， 从 设计 角度 表达 对 于 行业 思考 的 观点 。 


2. 田 野 调 查 


田野 调查 指 深入 线 下 并 观察 用 户 使 用 场景 ， 绘 制 体验 地 图 ， 绘 制 用 户 体验 曲线 。 田 野 调查 主要 分 为 3 个 阶段 : 准备 阶段 、 调 
查 阶段 、 整 理 阶段 。 


在 准备 阶段 ， 要 选 定好 被 调查 地 点 和 被 调查 人 群 ， 进 行 必要 的 物资 准备 ， 包 括 录 音 设备 、 照 相 设 备 、 录 像 设备 、 笔 、 笔 记 本 
等 。 在 选择 被 调查 地 点 时 要 进行 甄选 ， 全 科 、 三 甲 、 门 诊 量 较 大 的 医院 是 我 们 的 首要 考察 方向 ， 其 能 提供 更 完整 的 服务 流程 ， 履 
盖 更 全 的 患者 群体 ， 据 此 得 到 的 解决 方案 具有 普 适 性 。 


在 调查 阶段 ， 最 好 2~3 人 组 成 一 个 团队 ， 针 对 不 同 的 服务 场景 ， 如 大 厅 、 候 诊 厅 、 缴 费 窗口 处 等 进行 布点 ， 主 要 采用 参与 观 
察 和 拦 访 两 种 形式 。 参 与 观察 除了 要 观察 深入 、 注 意 细节 外 ， 还 要 透 过 现象 看 本 质 ， 透 过 用 户 的 现场 行为 去 思考 背后 的 真实 需 
求 。 拦 访 分 为 结构 性 访谈 和 非 结构 性 访谈 。 结 构 性 访谈 一 般 是 事先 准备 好 访谈 提纲 或 者 问卷 提纲 ， 寻 找 目标 用 户 进 行 拦 访 ; 非 结 
构 性 访谈 主要 是 寻找 目标 用 户 就 某 些 问题 进行 自由 交流 ， 非 结构 性 访谈 对 访谈 者 的 要 求 较 高 ， 需 要 把 握 访谈 的 尺度 和 技巧 ， 并 且 
要 学 会 启发 用 户 ， 多 问 几 个 为 什么 ， 深 挖 背后 用 户 的 需求 。 田 野 调查 实景 分 析 如 图 1 所 示 。 


在 整理 阶段 ， 会 发 现在 调研 过 程 中 回收 了 非常 多 的 问题 ， 这 些 问题 杂 目 乱 。 因 此 ， 首 先 就 要 进行 问题 的 归纳 和 总 结 ， 梳 理 出 


在 体验 节点 中 用 户 遇 到 的 主要 问题 ， 即 严重 阻碍 用 户 行为 流程 并 且 反 馈 数 量 较 多 的 问题 。 其 次 ,撰写 一 份 调研 总 结 大 纲 ， 把 主要 
问题 列 出 并 快速 同步 给 团队 和 业务 方 。 还 有 一 点 非常 关键 ， 就 是 需 和 产品 经 理 配 合 好 ， 根 据 项 目 进 程 和 开发 资源 ， 梳 理 出 真正 能 
快速 落地 和 执行 的 主要 问题 ， 并 且 提 出 解决 方案 。 


及 就 诊 流程 休 验 





。 信息 密集 ， 采 用 科室 , 日。 。 查找 ， 挂 号 人 员 询 问 挂号 类 型 。 工 作 信 员 主 动 询问 就 论 ， 医 生 询 癌症 状 
出 列表 。 排 队 寻 找 入 少 处 1 确定 亚 还 有 专家 号 科室 ， 部 环 病 症 
， 芝 有 竺 区 村 营办 来 府 ， 查 着 窗口 扳 音 风 制 信息 挂 专家 到 达 了 所 在 等 待 区 站 ， 医 生 预 判 病 情 
信息 基准 出 要 时 他 ， 选 抒 队 列 作 史 ， 汪 末 和 从 芭 地 身份 已 ， 不 知 等 特 时 | 。 建 议 做 心电图 
， 自 诊 疾 病 ， 排 队 ， 成 功 挂 号 1 不 和 站 再 要 每 竺 
， 自 判 科室 【各 不 明确 问 次 。  ， 等 待 (打开 手机 ) ， 获 得 技 导 玫 妥 票 、 就 诊 原 。。 。 不 知 如 何等 
询 台 ) 。 发现 不 需要 等 竺 
。 砚 定 科 堂 反复 犹 于 ， 咨 询 柑 诊 科室 所 在 方位 。 到达 所 在 诊 





心电图 凰 费 弟 * 返回 一 层 门 诊 大 厅 ， 获得 比 费 单 捧 ， 怎 搞 的 脚下 不 朋 列 的 稍 头 


* 医生 开具 ， 确 定 医 技 樟 的 议 切 方位 
咨询 瞄 夺 地 点 * 查看 窗口 堪 旨 限制 信息 ， 咨 询 检查 地 点 指示 * 前 往 医 技 梯 
"去 往 壤 再 地 志 * 童 找 符合 要 求 的 人 少 的 队 。 工作 人 员 人 告知 地 虚 “ 扰 去 不明; 狗 险 按照 稍 头 

* 排队 ， 前 往 目标 地 点 

* 等待 (打开 乎 机 ) , 基 丰 许 外 


* 查看 指示 等 符合 检查 的 韦 者 
* 对 检查 流程 不 诅 查看 检查 绪 洒 的 束 者 
， 咨 询 工 作 人 员 等 待 肝 玩 手 机 


许 当 六 赚 馆 旷 





CE 


图 1 所 示 中 我 们 选 定 当地 某 著名 三 甲 医院 为 调查 地 点 ， 选 定 就 医 患 者 为 调查 人 群 。 从 进入 医院 查看 大 厅 的 出 诊 列 表 确定 科室 


开始 ， 到 患者 的 初步 就 诊 中 ， 拆 分 了 5 个 关键 就 医 节点 进行 观察 和 分 析 ， 而 每 一 个 节点 都 存在 一 些 线 下 体验 烦琐 或 体验 不 佳 的 情 
况 。 比 如 在 观察 中 我 们 发 现 患者 从 一 进入 医院 就 遇 到 麻烦 ， 大 多 数 初诊 患者 无 法 自 判 科室 ， 需 到 就 诊 台 咨询 。 即 使 有 出 诊 列表 ， 
患者 筛选 信息 也 比较 困难 ， 出 诊 列表 的 展示 设计 有 时 还 存在 问题 ， 部 分 患者 在 确定 科室 后 还 会 反复 犹豫 。 而 这 些 细节 就 是 我 们 的 
机 会 ， 但 如 果 不 到 线 下 ， 很 多 设计 师 是 无 法 想到 这 些 细微 场景 的 。 只 有 不 断 地 改善 这 些 细节 性 的 痛 点 ， 才 能 让 用 户 感到 温暖 ， 才 
能 让 产品 温度 永存 。 


第 2 节 ”圈定 目标 人 群 ， 明 确 用 户 分 类 与 行为 特征 

在 基础 调研 后 会 发 现 ， 在 对 就 医 相关 利益 者 (包括 提供 医疗 服务 者 、 就 医 串 者 、 医 疗 行政 人 员 等 ) 的 考虑 中 ， 使 用 挂号 服务 
的 主要 目标 人 群 还 是 就 医 患 者 。 针 对 就 医 患者 可 以 从 以 下 几 个 方面 来 解构 目标 用 户 。 

1. 人 口 学 特征 


人 口 学 特征 包括 空间 、 年 龄 、 性 别 、 文 化 、 职 业 、 收 入 、 生 育 率 等 指标 ， 在 项 目 设计 前 ， 必 须 明确 核心 用 户 群 体 的 人 口 学 特 
征 。 比 如 医疗 行业 中 就 有 明显 的 人 口 学 特征 ，18~34 岁 人 群 使 用 占 比 最 高 ， 在 线 挂号 用 户 群 呈现 年 轻 化 趋势 ， 女 性 用 户 占 比 远 高 
于 男性 (基于 公司 的 行业 用 研 数据 ) ， 如 图 2 所 示 。 





在 线 挂号 用 户 属性 在 线 挂号 用 户 行为 属性 
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图 2 在 线 挂号 用 户 属 性 及 行为 属性 (数据 来 源 于 调研 ) 
2. 用 户 分 层 


对 用 户 从 不 同 纬度 进行 拆 解 与 分 析 会 发 现 ， 不 同 的 用 户 群 体 产生 的 行为 特征 具有 了 明显 的 差异 化 。 可 以 从 用 户 自然 特征 (性 
别 、 年 龄 、 地 域 、 学 历 或 教育 水 平等 ) 进行 划分 ， 也 可 以 从 用 户 社会 特征 (婚姻 状况 、 家 庭 情况 、 社 交 渠 道 、 职 业 等 ) 进行 划 
分 ,又 可 以 从 用 户 行为 进行 划分 ， 根 据 不 同 的 业务 形态 采取 不 一 样 的 用 户 分 层 。 在 医疗 场景 中 ， 比 较 突出 的 用 户 分 层 是 从 用 户 行 
为 上 进行 划分 ， 如 名 院 型 、 名 医 型 、 专 病 型 、 名 医 名 院 型 ， 见 表 1。 不 同 的 行为 特征 其 后 期 产品 方案 中 用 户 路 径 设 计 也 会 截然 不 
同 ， 这 样 的 分 层 有 利于 在 产品 设计 中 覆盖 大 部 分 用 户 的 行为 路 径 。 分 层 也 是 用 于 比较 的 ， 比 较 是 为 了 反映 不 同 用 户 层 的 核心 需 
求 ， 进 而 指导 产品 方向 ， 所 以 分 层 最 终 还 是 为 了 指导 产品 决策 ， 这 才 是 进行 用 户 分 析 的 价值 体现 。 





表 1 用 户 分 层 


用 户 类 型 核心 特征 


名 医 型 注重 医生 资质 ， 医 生 职 称 高 或 经 验 丰 富 即 可 
名 院 型 注重 医院 资质 ， 只 要 是 三 甲 医院 即 可 
专 病 型 针对 专 病 门 诊 ， 提 供 有 针对 性 的 治疗 和 辅导 
名 院 名 医 型 既 注 重 医 院 ， 又 注重 医生 资质 

3. 行 为 特征 


进行 用 户 分 层 后 ， 找 出 核心 用 户 的 行为 特点 ， 主 要 分 析 核 心 场景 中 用 户 在 处 理 核心 任务 的 行为 方式 。 这 样 可 以 让 设计 师 更 加 
详细 、 清 楚 地 了 解 用 户 的 行为 习惯 ， 从 而 找 出 存在 的 问题 ， 有 助 于 产品 设计 更 加 精准 、 有 效 ， 提 高 产品 业务 转化 率 。 比 如 调研 与 
观察 发 现 用 户 对 三 甲 医 院 和 专家 门诊 需求 度 强 ， 挂 号 行为 频率 偏 低 ， 用 户 行为 呈现 明显 低频 、 刚 需 、 优 资源 导向 等 特点 。 这 些 都 
是 围绕 用 户 进行 就 医 挂号 场景 的 分 析 ， 跟 目标 用 户 群 年 龄 特征 和 就 医 习 惯 紧 密 相关 。 


第 3 节 ，” 仿真 分 析 ， 搭 建 用 户 场景 


在 进行 完整 的 行业 调研 与 目标 用 户 圈 定 分 析 后 ， 需 要 针对 调研 结果 进行 整理 ， 将 内 容 结构 化 。 对 用 户 核心 的 线 下 场景 、 用 户 
行为 轨迹 、 获 取 目 标 任务 的 渠道 与 核心 路 径 、 在 过 程 中 用 户 的 痛 点 和 障碍 等 进行 提炼 ， 并 针对 目标 用 户 建立 有 代表 性 的 用 户 画 
像 ， 待 这 些 重点 的 “原材料 ”准备 完整 后 ， 就 可 以 开始 亮 饪 一 道 完美 的 “场景 ”大 餐 了 。 


1. 场 景 是 什么 


场景 原 指 电影 拍摄 的 场地 和 布景 。 其 实 做 产品 就 像 拍 电影 ， 你 要 把 自己 当 导 演 : 挑选 场地 和 布景 ， 考 虑 演员 的 状态 ， 如 何 走 
位 ， 人 台词 有 哪些 ， 对 戏 该 如 何 进 行 ， 电 影 的 核心 主题 如 何 表达 ， 等 等 。 而 用 户 的 核心 痛 点 与 产品 的 核心 功能 很 有 可 能 是 由 多 个 使 
用 场景 组 成 的 。 基 于 目标 与 任务 进行 构建 ， 让 设计 师 能 深入 “剧情 ”， 在 细节 中 推 项 用 户 的 每 一 个 想法 和 举动 ， 真 正 做 到 从 用 户 
角度 出 发 ， 将 产品 与 用 户 场 景 融合 起 来 。 


2. 为 什么 要 搭建 场景 


搭建 场景 与 实现 产品 目标 是 相辅相成 、 相 互 印证 的 。 解 决 用 户 痛 点 是 场景 构建 的 主要 目的 之 一 ， 市 场 需求 逐渐 变 得 碎片 化 、 
长 尾 化 、 多 元 化 和 个 性 化 ， 搭 建 场景 能 覆盖 用 户 全 量 活动 轨迹 ， 让 需求 分 析 更 精准 ， 让 产品 功能 更 全 面 ， 让 业务 目标 定位 更 清 
晰 ， 让 团队 对 产品 的 理解 更 一 致 。 


3 .场景 该 如 何 搭建 


仿真 分 析 即 仿照 真实 线 下 流程 构建 线 上 虚拟 场景 的 方法 。 现 实 的 情况 是 用 户 因为 线 下 业务 流程 的 复杂 性 会 呈现 出 各 种 各 样 的 
状态 ,仿真 分 析 能 从 成 本 、 时 间 、 行 为 、 路 径 等 多 个 角度 验证 流程 ， 评 估 流 程 的 体验 优 务 ， 对 流程 的 模拟 执行 生成 结构 化 的 结 
果 ， 从 而 帮助 用 户 找到 流程 中 的 “瓶颈 ”并 加 以 分 析 与 做 化。 针对 流程 的 缺陷 提出 改进 方案 ， 得 出 一 个 可 期 望 和 可 实现 的 模型 。 


针对 模型 的 展现 ， 方 式 可 以 不 同 。 如 果 是 全 量 场景 的 结构 化 展示 建议 用 表格 形式 ， 内 容 也 要 精练 ， 这 样 利 于 阅读 和 团队 内 沟 
通 ; 如 果 是 细 分 场景 的 用 户 行为 分 析 ， 可 以 用 更 敏捷 的 方式 ， 以 简单 文本 描述 故事 即 可 。 以 挂号 场景 下 的 用 户 全 链 路 行为 分 析 为 
例 ， 可 以 大 致 分 为 挂号 前 、 挂 号 中 、 挂 号 后 3 个 主要 阶段 ， 从 场景 描述 与 用 户 行为 出 发 ， 用 户 行为 则 可 以 从 渠道 、 路 径 、 痛 点 、 


用 户 方案 等 方面 进行 分 析 。 从 前 期 的 调研 中 会 发 现 就 诊 患者 在 挂号 前 的 第 一 场景 一 般 是 先 对 病情 进行 预 估 : 用 户 根据 病症 寻找 病 
症 原因 、 治 疗 方法 等 信息 ， 从 4 个 维度 评估 病情 A dt 获取 病情 信息 的 线 上 渠道 有 搜索 引擎 、 医 疗 网 站 
或 论坛 、 电 话 等 ; 线 下 渠道 则 向 同 / 父辈 或 医生 咨询 。 在 这 些 行 为 分 析 中 会 发 现 用 户 的 一 些 使 用 痛 点 ， 包 括 : Q@ 疾 病 信息 质量 差 
且 规 范 不 统一 ; @ 信 息 碎片 化 现象 严重 ; @@ 信 息 口碑 缺失 ; @@ 信 息 权威 性 缺失 。 这 背后 就 会 产生 针对 痛 点 的 用 户 需求 ， 主 要 包括 
疾病 信息 (症状 、 原 因 、 治 疗 方法 、 推 荐 医院 、 推 荐 医生 等 ) 、 就 诊 决策 、 权 威 、 口 碑 、 症 状 评估 等 ， 见 表 2。 


再 如 挂号 后 对 用 户 场景 的 分 析 ， 挂 号 后 患者 的 场景 一 般 就 是 去 医院 候诊 ， 为 就 诊 做 准备 ， 他 可 能 使 用 的 线 上 渠道 包括 挂号 平 
台 、 百 度 搜索 、 地 图 等 。 线 下 渠道 就 是 到 院内 取 号 ， 如 图 3 所 示 。 





缴费 窗口 
取 药 窗口 
院内 导航 ”国生 二 少 宝 。 因 归 是 风 里 取 报 告 单 安 吕 
( 地 图 导航 ) 用 ww 做 诊 就 诊 
过 号 
等 待 时 间 长 


图 3 就 医 流程 路 径 图 
表 2 场景 分 析 
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病情 预 估 : 医院 /科室 / 医生 评估 mi | i 
用 户 根据 病症 寻找 病症 、 原 因 、| ”用 户 根据 病症 严重 程 | 医院 /医生 评估 : 完成 线 上 填 | 去 医院 就 诊 前 | 前往 医院 过 本 
治疗 方法 等 信息 ， 从 4 个 维度 评估 | 度 ， 确 定 就 诊 相 关 信 息 ，| ”确定 医院 /医生 ea 在 家 中 ,会 面临 i 
病情 (what/why/how/where) 以 确定 医院 和 科室 为 主 ”| 自身 和 医院 间 为 就 诊 做 准备 
信息 沟通 断层 | 
线 上 渠道 : 挂 


线 上 渠道 : 大 多 采用 搜 线 上 渠道 : 大 多 采用 搜 


下 线 上 渠道 : | ” 线 上 渠道 : | 号 平台 、 百 度 扫 
| FE 汇 i 、 E 疗 二 或 习 本 六 y 或 论 线 “ 染 1i 3 产品 四 . 
索引 擎 渠道 、 医 疗 网 站 或 | 索引 擎 、 医 疗 网 站 或 论 靶 上 谍 道 三 产品 内 预约 下 | 挂号 平台 、 电 | 索 、 地 图 等 


论坛 、 电 话 等 ; 线 下 渠道 : | 坛 、 电 话 等 ; 线 下 渠道 : | 内 医院 和 医生 号 源 


a ey 单 流程 话 、 短 信 线 下 渠道 : 院 
向 同 / 父辈 或 医生 咨询 。 | 向 同 / 父辈 或 医生 咨询 
1. 挂 号 平台 : 
主 路 径 : 搜索 (检索 词 : | ， 主 路 径 : 搜索 (检索 词 : | 。 主 路 径 : 搜索 (医院 nn ee 
是 什么 ; 怎么 办 等 ) 一 浏 | 哪 家 好 ; 有 哪些 等 ) 一 浏 | 名 或 别名 ) 一 浏览 一 | 填写 个 人 信息 -gy 
览 (跳跃 式 和 专注 式 ) 一 | 览 一 对 比 (专业 性 、 从 医 对 比 (职称 、 扩 长 、 口 | ( 庙 人 证 号 、 病 过 和 
行为 决策 (去 医院 、 自 行 | 经 验 、 社 会 口碑 ) 一 行为 | 碑 ) 一 行为 决策 ( 哪 家 | 二 了、 本 
二 和 i a 情 描述 等 ) 一 地 图 导航 一 院内 
ot ; 完成 预约 取 号 一 候诊 一 线 


上 评价 














( 续 ) 
挂号 后 
1. 提醒 不 足 : 
取 号 就 诊 时 
. 医院 / 医生 号 源 不 足 上 
-疾病 信息 质量 差 有 规范 | 1. 医院 /科室 /医生 等 信 Ee 间 /流程 / 停 | 
ot -医院 /医生 号 源 信 ng a 1. 就 诊 指导 缺失 
不 统一 息 质量 差 旦 规范 不 统 ”a | 1. 预约 流程 元 诊 等 提醒 不 二 
EN 息 单一 旦 规范 不 统 E 2. 候诊 状态 缺失 
. 信息 碎片 化 现象 严重 .信息 碎片 化 现象 严重 ~ 余 是 或 不 及 时 |， 各 类 珊 
.信息 口碑 缺失 .信息 口碑 缺失 医院 医生 号 浙 可 | 2. 输 入 成 本 高 | 2. 操作 不 便 : | 4 半 号 。 
4. 信息 权威 性 缺失 .信息 权威 性 缺失 a 突 发 情况 如 | ”> 
总 取消 操作 不 
用 户 便 
行为 
.多 模式 ， 排序 、 
职称 、 擅 长 、 口 | 1. 忽视: 只 十 
js NE GN 1. 尽早 到 医院 准 
-交叉 验证 : 多 个 信息 渠 中 关键 信息 或 
交叉 验证 : 多 个 信息 渠道 | “于 EE ee rg 备 和 候诊 
td ee 坡 动 等 待 2. 过 号 重新 排队 
pe .口碑 路 径 : 线 上 或 线 下 | ”挂号 .演练 : 仅仅 ene 
口碑 .其 他 路 径 : 电话 | ”为 熟悉 界面 
i Ls 协商 
或 线 下 而 下 订单 
.多 次 重复 下 单 
号 源 、 号 源 信 息 
疾病 信息 (症状 、 原因 、| ”医院 /科室 /医生 信息 | 医院、 医生 ) 号 源 
治疗 方法 、 推 荐 医院 、 推 | (专业 性 、 从 业经 验 、 社 区 速 、 简 | 及 时 提醒 、| ”就 诊 指导 - 候 
于 ~、 -村 和 A Poe 
用 户 荐 医生 等 )、 就 诊 决策 、 权 | 会 口碑 等 )、 权 威 、 口 碑 | (预期 、 易 上 手 等 | 突 发 应 对 等 | 诊 掩 型 一 流程 简便 
I 、 忆 个 、 匹 
或 、 口 碑 、 完 状 评估 等 
需求 威 、 口 碑 、 症 状 评估 等 配 度 
便捷 


在 图 3 中 发 现 的 痛 点 包括 就 诊 指导 的 缺失 、 候 诊 状态 的 缺失 、 流 程 烦琐 、 过 号 现象 的 存在 等 。 而 患者 大 多 在 线 下 采取 的 方案 
有 两 种 : 一 即 尽早 到 医院 准备 和 候诊 ， 二 即 过 号 后 重新 排队 或 与 医院 人 员 协 商 。 所 以 在 构建 场景 的 过 程 中 ， 就 可 以 不 断 发 现 患 者 
就 医 过程 中 的 障碍 ， 发 现 问题 后 则 将 问题 提炼 转移 至 线 上 产品 的 设计 中 ， 这 就 是 所 说 的 设计 ， 其 目的 是 解决 问题 。 


场景 构建 完毕 后 ， 并 不 是 固定 不 变 的 。 随 着 业务 场景 的 发 展 与 设计 师 理解 的 加 深 ， 场 景 是 有 可 能 不 断 变化 与 发 展 的 ， 它 是 3 
态 的 。 在 过 程 中 分 析 用 户 行为 的 变化 与 发 生 ， 行 为 往往 跟随 功能 ， 产 品 的 体验 触 点 与 用 户 行为 的 发 生 高 度 重合 。 


第 4 节 ”和 饰 选 核 心 需求 ， 建 立 需求 管理 


用 户 需求 是 线性 产生 的 ， 也 是 交叉 产生 的 ， 其 需要 设计 师 敏 锐 的 判断 能 力 与 鉴别 能 力 ， 什 么 是 核心 需求 ”什么 是 次 级 需求 ? 
什么 是 伪 需 求 》 这 就 需要 结合 商业 模式 、 产 品 发 展 目标 、 用 户 场 景 与 用 户 行为 来 交叉 判断 。 而 对 于 需求 的 理解 ， 最 后 往往 还 
焦 用 户 。 用 户 需求 在 每 一 个 发 展 阶段 是 会 产生 变化 的 ， 所 以 需要 不 断 地 验证 与 完善 ， 而 敏捷 设计 、 敏 捷 开 发 、 不 断 快速 迭代 就 是 
对 其 的 补充 。 


需求 的 定位 也 可 能 是 动态 的 ， 方 法 有 很 多 ， 而 个 人 更 倾向 于 通过 场景 的 构建 来 挖掘 用 户 的 核心 需求 ， 例 如 ， 图 3 中 在 对 挂号 
后 场景 的 构建 分 析 后 发 现 用 户 的 二 级 需求 就 是 就 诊 指导 、 候 诊 提醒 、 流 程 简便 等 关键 因素 ， 针 对 这 些 需求 点 进行 产品 功能 的 导出 
与 设计 ， 而 其 需求 背后 核心 还 是 “便捷 ”， 产 品 设计 的 落地 必须 真正 实现 挂号 后 就 医 便捷 这 一 目标 。 


当然 ， 若 时 间 人 允许 也 可 以 组 建 焦 点 小 组 进行 深度 访谈 ， 前 提 是 项 目 留 给 你 的 时 间 很 充裕 。 下 面 重点 介绍 对 需求 的 管理 ， 这 是 
容易 被 忽视 ， 却 是 异常 重要 的 。 


1. 评 估 需 求 


需求 的 评估 最 重要 的 不 是 知道 要 做 什么 ， 而 是 知道 什么 不 要 做 。 当 产品 给 出 一 份 需求 表单 和 功能 列表 的 时 候 ， 一 般 已 经 产 


经 理 筛选 过 了 ， 但 设计 师 要 有 自己 的 判断 ， 这 也 是 主动 参与 到 产品 设计 中 的 重要 一 环 ， 在 这 里 你 可 以 与 产品 经 理 一 起 探讨 需求 对 
于 用 户 的 重要 程度 ， 以 及 实现 顺序 。 


2. 排 序 需求 


需求 的 优先 级 可 能 比 需求 本 身 更 加 重要 。 我 们 每 次 的 产品 迁 代 都 会 列 出 一 连 串 的 需求 列表 ， 每 个 功能 都 像 是 重点 ， 每 个 功能 
似乎 对 于 用 户 都 是 不 可 或 缺 的 。 但 在 推进 时 会 发 现 开发 的 时 间 根本 安排 不 过 来 ， 产 品 上 线 是 有 时 间 表 的 ， 交 互 要 协助 产品 从 用 户 
的 体验 角度 来 进行 需求 的 裁减 ， 只 有 进行 整体 的 平衡 和 优先 级 的 排 布 才能 实现 产品 功能 和 代价 值 的 最 大 化 。 

需求 变更 管理 


在 敏捷 的 管理 体系 下 ， 理 性 的 需求 变更 是 可 以 接受 的 ， 但 是 所 有 的 需求 变更 都 需要 进行 很 好 的 控制 。 对 于 简单 的 需求 变更 ， 
在 对 项 目 进度 没有 影响 、 对 开发 成 本 没有 造成 负担 的 情况 下 ， 是 可 以 快速 完成 的 。 对 于 一 些 较为 复杂 的 需求 变更 ， 如 果 会 增加 项 
目 开发 成 本 ， 影 响 项 目 上 线 时 间 ， 影 响 用 户 操作 体验 ， 设 计 师 就 一 定 要 严格 把 控 ， 该 拒绝 的 当机立断 地 拒绝 ， 并 给 出 利 浆 的 分 
析 ， 或 者 进行 延 后 处 理 ， 可 以 在 下 一 版 本 的 迭代 中 再 进行 设计 。 


第 5 节 建立 交互 框架 ， 输 出 交互 方案 


信息 架构 是 一 个 很 大 的 范畴 。 但 不 论 是 特定 的 场景 或 者 给 定 目 标的 信息 架构 项 目 ， 我 们 经 常 考虑 的 是 建立 更 有 效 的 沟通 结 





构 。 


Jessie James Gatrett 


信息 架构 的 建立 是 交互 设计 师 在 项 目 推进 过 程 中 非常 核心 的 环节 ， 这 个 阶段 的 产 出 质量 直接 影响 到 业务 目标 、 转 化 率 、 用 户 
体验 。 如 果 框 架 清晰 ， 用 户 就 能 快速 完成 任务 目标 ， 提 升 效率 ， 它 是 产品 与 用 户 交 互 的 隐 性 环节 。 信 息 架 构 如 图 4 所 示 。 


广 而 浅 的 架构 用 户 可 以 用 较 少 的 点 击 完成 相应 的 目标 任务 ， 但 信息 分 类 标准 过 多 ， 会 增加 用 户 层级 分 类 寻找 的 成 本 。 窒 而 深 
的 架构 则 使 用 户 增 加 了 操作 步骤 ， 但 减少 了 用 户 操作 选项 。 





生性 结构 
图 4 ”信息 架构 
2. 流 程 图 
在 使 用 产品 中 用 户 所 能 操作 的 界面 以 及 页 面 上 下 游 之 间 的 跳 转 关系 和 组 织 的 表达 ， 称 为 流程 图 。 通 过 流程 图 的 绘制 ， 可 以 清 
晰 表达 用 户 在 使 用 产品 中 的 操作 与 交互 关系 ， 以 及 对 于 整体 交互 动作 和 流程 的 把 控 。 流 程 设 计 中 要 遵循 以 下 原则 : Q@ 以 用 户 需求 
为 主要 导向 ;兼顾 用 户 的 使 用 习惯 ; @ 流 程 尽量 短 ; @ 每 个 操作 页 面 仅 有 一 个 核心 操作 任务 ; @ 考 虑 交互 实现 的 开发 成 本 。 设 
计 师 在 设计 页 面 了 时， 应 该 在 页 面 上 建立 许多 视觉 层次 ，3 引 导 用 户 的 视觉 焦点 。 先 把 用 户 的 注意 力 吸引 到 最 重要 的 元 素 上 ， 然 后 才 


把 用 户 视线 引导 到 其 他 重要 程度 次 要 的 信息 上 。 这 样 便于 用 户 快捷 、 迅 速 地 找到 自己 所 需 ， 更 好 地 完成 阅读 、 浏 览 任务 。 挂 号 平 
台 核 心 流程 如 图 5 所 示 。 


挂号 平台 核心 流程 交互 稿 





a [ee 和 了 
me 内 pi 
[&) WM ts 


选择 医院 > 选择 科室 > 选择 医生 * ”医生 详情 > ” 盾 写 预约 信息 。 > 预约 详情 


图 5 ”挂号 平台 核心 流程 


3. 页 面 交 互 细 节 设 计 


对 于 制作 交互 说 明 ， 每 个 人 习惯 都 有 所 不 同 ， 最 好 是 有 数字 或 者 字母 的 清晰 的 对 应 标注 ， 便 于 阅读 和 理解 。 每 一 步 的 页 面 跳 
转 说 明 ， 细 节 和 动作 需要 摘 述 清楚 。 还 应 有 极限 状态 下 的 说 明 ， 比 如 一 个 列表 的 最 长 和 最 短 的 显示 ， 一 行 字 段 的 长 度 限制 ， 是 否 
跳 行 ， 等 等 。 最 后 就 是 异常 / 出 错 情况 的 说 明 ， 如 空 页 面 、 系 统 错误 、 错 误 反 馈 等 情况 ， 这 时 比较 适合 增加 一 些 情感 化 的 设计 ， 
比如 很 多 空 页 面 的 俏皮 风 、 温 暖 系 等 ， 尽 量 避 免 用 户 对 于 异常 / 出 错 情况 产生 低 藻 情绪 。 交 互 说 明 如 图 6 所 示 。 


内 张 一 一 女 副 主任 医师 
中 国民 解 万 军 总 医 蒜 内 分 洲 笠 于 
者 志 当 盾 长 ， 子宫 内 王 ， 子宫 内 膜 皇 兴 ， 竺 脑 其 a- 


于 二 男 主任 医师 
中 国民 解放 军 总 医 路 她 产 家 


wa 按 长 ; 窗 绒 病 谈 ， 妇 科 肿 痢 ， 
系统 老 种 器 车 性 


张 一 一 女 副 主任 医师 。- ep 性 别 、 职 称 
中 国人 民 解放 军 总 医 辽 内 分 于 和 


医生 评价 


TS 


于 二 男 主 任 医师 
中 国 六 民 解 放 军 总 医院 如 六 

击 二 站 6 可” 盾 长 : 宫 绒 病变 及， 珊 妇 妈 生 列 
示 蚊 各 种 需 车 性 


张 一 一 玄 副 主任 医师 


中 国人 民 解 放 军 总 医院 内 学 刻 科 
waaam 杆 长 : 子宫 肌 箱 、 子 宫 内 觅 手 孙 ， 圣 肠 澡 
， 高 性 复杂 性 肛 芭 


1. 获 取 医 生 头 像 ， 疫 有 头像 的 显示 虚 认 头像 样式 

2. 预 约 状态 有 号 和 已 满 的 要 进行 显示 上 的 区 别 

3. 医 生 评 价 如 果 没 有 就 不 显示 

4. 医 生 列表 综合 排序 , 包括 热度 、 号 源 量 等 ,已 满 的 排序 下 沉 





图 6 交互 说 明 


在 产 出 正式 线 框图 之 前 ， 要 鼓励 交互 设计 师 拿 起 纸 和 笔 通过 草图 来 交流 与 表达 产品 思路 ， 草 图 也 是 一 种 结论 产 出 ， 是 很 好 的 
沟通 信息 载体 ， 并 且 成 本 很 低 ， 可 通过 快速 产 出 、 快 速 交 流 、 快 速 更 改 ， 在 不 断 调研 和 进 代 中 验证 想法 。 


总 结 


/PN 


设计 师 在 做 行业 需求 时 需要 不 断 加 强 自身 链 路 设计 的 能 力 ， 不 是 仅仅 承接 产品 经 理 或 者 老板 的 需求 即 可 ， 交 互 设 计 更 像 是 一 
个 有 产品 思想 的 需求 翻译 ， 在 整个 项 目 组 中 建立 一 座 桥梁 ， 在 沟通 与 解决 问题 的 过 程 中 还 要 不 断 预 见 问 题 、 定 义 问题 ， 进 行 设计 
的 前 置 ， 走 到 用 户 面 前 ， 倾 听 用 户 ， 观 察 用 户 ， 帮 助 用 户 ， 真 正 做 到 以 “用 户 为 中 心 ” 进 行 设计 。 


02 ”无 规 中 不 成 万 设计 规范 的 建设 





文 / 周 建 波 、 朱 兰 民 


第 1 节 ”规矩 成 就 方 


苗子 日 : 离 类 之 明 ， 公 输 子 之 巧 ， 不 以 规 算 ， 不 能 成 方圆 。 一 一 《孟子 》 
设计 规范 是 用 户 体验 的 最 低 标准 ! 一 一 吴 明 


支付 宝 作为 一 个 大 型 的 “生活 服务 类 平台 ， 既 有 官方 自 营 应 用 ， 也 有 第 三 方 接 入 应 用 ， 数 十 个 应 用 共计 数 百 个 页 面 ， 并 且 
还 在 不 断 发 展 壮大 。 我 们 将 支付 宝 定义 为 一 个 系统 级 的 应 用 一 点 儿 都 不 夸张 ， 其 复杂 度 已 经 台 近 一 个 完整 的 “生态 系统 ”.。 


在 这 样 一 个 系统 级 的 应 用 中 ， 我 们 面临 的 设计 挑战 相当 复杂 : 如 何 降低 用 户 在 复杂 系统 中 的 学 习 和 认 知 成 本 ? 如 何 让 用 户 在 
所 有 页 面 都 有 良好 的 体验 ? 如 何 让 用 户 在 所 有 页 面 中 获得 一 致 的 品牌 认 知 ? 


为 应 对 系统 级 的 设计 挑战 ， 我 们 必须 建立 系统 级 的 设计 规范 。 你 可 能 会 问 : 什么 叫 “ 系 统 级 的 规范 ”? 其 实 一 开始 我 们 也 没 
有 “系统 级 的 规范 ”这 样 的 概念 。 但 经 过 长 时 间 的 实践 ， 我 们 发 现 简单 的 设计 规范 并 不 能 很 好 地 应 对 支付 宝 这 样 复杂 的 产品 。 于 
是 ， 我 们 不 断 对 设计 规范 进行 补充 和 完善 ， 最 后 自 上 而 下 地 建立 了 一 套 设 计 规 范 系统 。 


1. 规 范 1.0 


我 们 最 早 的 设计 规范 只 是 各 种 控件 的 视觉 设计 源 文件 。 这 样 的 规范 保证 了 页 面 基础 元 素 以 及 框架 的 一 致 。 但 是 ， 这 些 视 觉 源 
文件 并 没有 定义 任何 的 交互 规则 ， 实 际 工 作 中 还 是 会 出 现 各 种 不 一 样 的 产品 体验 。 例 如 ， 某 些 页 面 的 弹 框 出 现 方式 不 一 样 ; 什么 
时 候 应 该 用 小 气泡 ， 什 么 时 候 该 用 弹 框 。 规 范 1.0 一 一 样式 库 如 图 1 所 示 。 


sesee 日 EL | 全 6:00PM 100% mw 99999 BELL 全 








《 返回 标题 栏 Rs 
样式 一 Q 
seeee BELL 到 6:00PM ， 
eoes ELL 全 6:00PM 100% 醒 国 
A we = | 7 
NA 也 四 | 标 由 栏 四 
Q 取消 
样式 二 
wevee BEL| 全 6:00PM 100% mm eeeee BELL 守 6:00PM 100% mW 
《 返回 关闭 。 标题 栏 邮箱 账单 Q 苦 莽 | @ 取消 





样式 三 
二 二 二 二 和 BEI| 今 6:D0PM 


eense DEL| 全 6:00PM 100% 而 杯 ， 搜索 


标题 栏 


样式 三 (点击 状态 ) 





图 1 规范 1.0 一 一 样式 库 
2. 规 范 2.0 


我 们 的 产品 越 来 越 复 杂 和 和 庞大， 用 户 面临 的 学 习 和 认 知 成 本 成 倍 上 升 。 我 们 必须 对 页 面 中 通用 交互 规则 进行 定义 ， 打 造 一 致 
的 操作 体验 ， 降 低 用 户 的 学 习 成 本 。 为 了 最 大 限度 地 降低 用 户 学 习 成 本 ,我 们 最 大 限度 地 复 用 系统 原生 的 交互 规则 。 这 套 规范 进 
一 步 保 障 了 重要 元 素 的 交互 行为 和 视觉 样式 的 一 致 性 。 但 是 ， 当 遇 到 一 个 规范 里 没有 的 东西 时 要 怎样 设计 ， 设 计 师 才 能 既 可 以 发 
挥 自 己 的 创意 ， 又 不 会 和 整体 的 体验 风格 相 背 离 ? 交互 规范 文档 如 图 2 所 示 ， 视 觉 规 范文 档 如 图 3 所 示 。 





导航 栏 





规则 说 明 

。 导航 栏 负责 层级 结构 中 的 跳 转 ， 避 免 过 多 信息 填 满 导航 栏 。 

* 导航 的 最 堪 钢 主要 用 于 放置 返回 、 也 消 ， 如 在 首页 也 可 放置 其 他 控件 。 中 间 为 标题 ， 也 可 放置 分 段 控件 。 右 侧 为 对 当前 页 面 的 管 
理 、 设 置 等 控件 或 一 组 控件 {至 多 不 超过 2 个 ， 超 出 使 用 更 多 LOGO， 下 拉 选 择 }。 

"钱包 内 部 的 H5 界 面 ， 不 再 使 用 工具 栏 ， 而 是 直接 使 用 导航 栏 的 方式 。 


交互 细节 


iD3 和 candroid 均 配置 返回 当前 标题 的 附属 或 重要 功能 





标题 个 数 根据 屏幕 自 道 应 ， 建 议 6 个 


H5 界 而 导航 栏 样式 效果 





页 而 加 载 过 程 显 示 进 度 条 











图 2 交互 规范 文档 
3. 规 范 3.0 


交互 规范 和 视 沈 规范 都 是 死 的 ， 设 计 是 活 的 。 要 想 进 一 步 提 升 内 部 的 设计 一 致 性 和 整体 的 设计 质量 ,团队 要 有 一 致 的 设计 价 
值 观 。 大 家 都 知道 什么 样 的 设计 是 好 的 ， 什 么 样 的 设计 是 不 好 的 。 一 个 代表 团队 设计 价值 观 的 东西 一 一 设计 原则 应 运 而 生 。 至 
此 ,我 们 自 上 而 下 建立 了 一 套 设计 规范 体系 : 设计 原则 、 基 础 规范 、 单 元 控件 、 标 准 组 件 ， 然 后 落地 到 开发 控件 库 ， 如 图 4 所 
示 。 从 设计 思维 到 最 后 实现 的 每 个 环节 ， 对 设计 的 一 致 性 和 可 用 性 进行 整体 把 控 。 
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图 3 视觉 规范 文档 


设计 原则 








慰 准 组 件 开发 控件 库 


图 4 规范 3.0 自 上 而 下 的 设计 规划 体系 


第 2 节 ”设计 原则 


设计 原则 是 做 设计 时 必须 遵循 的 标准 ， 可 用 于 指导 设计 和 衡量 设计 方案 的 优 务 。 我 们 要 什么 样 的 设计 ， 我 们 不 能 接受 什么 样 


的 设计 ， 设 计 原 则 让 团队 成 员 形成 一 致 的 认 知 。 


大 家 可 能 都 看 过 很 多 类 似 于 “移动 设计 N 原 则 ” “可 用 性 原则 ”之 类 的 教程 、 文 章 ， 但 是 这 些 设计 原则 都 是 别人 通过 自己 的 
经 验 总 结 出 来 的 ， 是 适合 别人 的 原则 。 如 果 你 直接 照搬 过 来 当 作 真 理 ， 那 就 不 合适 了 。 所 以 ， 我 们 在 建立 自己 的 设计 原则 的 时 
候 ， 应 该 结合 自己 产品 的 特点 和 实际 的 案例 ， 制 定 适 合 自身 的 设计 指导 原则 。 


1. 简 单 的 力量 


2013 年 6 月 13 日 ， 支 付 宝 正式 推出 “余额 宝 ”。 它 凭借 “傻瓜 式 ”的 理财 方式 ， 让 没有 任何 理财 专业 知识 和 技能 的 人 都 能 理 
财 。 以 此 在 中 国 掀起 了 一 股 互联 网 金融 狂潮 。 余 额 宝 宣传 广告 如 图 5 所 示 。 


于 
支付 宝 钱包 
会 赚钱 的 钱包 


余 笑 定 宗 计 收 痊 率 ( 年 化 ) 4.87%， 是 活 湖 邦 炊 的 玉 14 人 入" 
靖 时 恩 入 转 出 四 四 益 ， 更 有 全 闫 赔付 





图 5 ”余额 宝 宣传 广告 


余额 宝 的 成 功 让 我 们 看 到 简单 对 于 支付 宝来 说 多 么 重要 。 简 单 不 仅 能 提升 用 户 体验 ， 还 能 实 实在 在 地 创造 价值 。 因 为 简单 ， 
更 多 的 用 户 接受 你 的 产品 ， 并 且 使 用 你 的 产品 ; 因为 简单 ， 你 的 转化 率 也 会 更 高 ， 会 产生 更 多 的 价值 。 

像 余 额 宝 、 微 信 这 些 简单 的 产品 ， 对 市 场 产生 了 深远 的 影响 。 它 们 简单 易 用 ， 所 以 被 大 众 接受 ; 它们 值得 信赖 ， 所 以 赢得 用 
户 。 现 在 智能 设备 普及 率 越 来 越 广 ， 上 自 几 十 岁 的 大 爷 大 妈 ， 下 至 几 岁 的 小 孩 ， 都 已 经 成 为 App 的 用 户 群 。 所 以 ， 我 们 的 简单 原 
则 不 仅 能 使 界面 看 起 来 简洁 ， 还 能 使 交互 流程 简化 ， 使 整个 产品 轻 量 化 。 


为 了 让 产品 能 够 更 简单 ， 我 们 在 设计 上 制定 了 以 下 两 个 原则 : 





-一 个 页 面 只 做 一 件 事 情 ， 突 出 两 个 重点 。 
- 删除 不 必要 的 内 容 ， 隐 藏 次 要 的 内 容 。 
(1) 一 个 页 面 一 件 事情 


与 PC 相 比 ， 移 动 终端 的 屏幕 小 了 很 多 。App 的 一 个 页 面 能 展示 的 信息 本 来 就 非常 有 限 ， 不 可 能 像 PC 一 样 堆 满 各 种 不 同 的 信 
息 。 况 且 ，App 的 使 用 环境 还 非常 不 稳定 ， 如 走路 、 坐 车 、 单 手 、 双 手 等 ， 这 些 进 一 步 限 制 了 一 个 App 页 面 只 能 做 一 件 事情 。 


支付 宝 里 很 多 产品 都 是 以 任务 为 导向 的 ， 帮 助 用 户 实现 某 个 确定 的 任务 目标 ， 如 转账 、 缴 费 等 ， 如 图 6 所 示 。 在 任务 导向 类 
的 页 面 中 ， 这 个 原则 显得 尤为 重要 ， 因 为 我 们 希望 用 户 可 以 专注 且 快 速 完成 当前 任务 。 


| DE 主持 10:41 





充 证 恬 充 流 量 
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账 尸 堪 定 号 码 【 淋 江 妹 油 ) 











普 笑话 ( 马 * 花 ) 

1075 2075 507E 

世情 ;9.587 元 独 坟 -119,57 过 物 必 :9.25 午 
金额 

有 100 元 20075 5007 

备注 物性 可.50 移 司 放 -198.50 元 情 久 :9 如 .了 5 击 
使 用 账户 业 晤 付 款 ， 更 返 

名 手机 营业 厅 国 我 的 手册 充值 








图 6 一 个 页 面 一 件 事情 


(2) 删除 & 隐 藏 


人 在 处 理 信 息 、 学 习 规 程 和 记忆 细节 方面 的 能 力 是 有 限 的 。 现 实 中 ， 人 可 能 还 面临 各 种 中 断 和 打扰 ， 这 些 都 进一步 限制 了 人 
的 能 力 。 界 面 中 过 多 的 小 细节 会 增加 用 户 的 认 知 负担 ， 就 像 路 障 会 降低 人 们 的 行走 速度 一 样 ， 过 多 的 小 细节 会 降低 用 户 的 使 用 效 


删除 那些 可 有 可 无 的 功能 、 多 余 的 选项 、 元 余 的 文字 、 人 花哨 的 修饰 ， 可 以 减轻 用 户 的 负担 ， 让 用 户 专心 做 自己 想 做 的 事 。 界 
面 清 清爽 爽 、 简 简单 单 ， 不 去 分 散 用 户 的 注意 力 。 


1) 删除 
我 们 带 着 “删除 不 必要 功能 ”的 目的 ， 重 新 来 审视 支付 宝 的 生活 缴费 ， 看 看 哪些 不 必要 的 功能 可 以 删除 。 
:确定 主要 任务 和 次 要 任务 ， 并 排 定 优先 次 序 。 专 注解 决 用 户 优先 级 最 高 的 需求 ， 然 后 再 考虑 满足 用 户 其 他 目标 。 


" 用 户 使 用 生活 缴费 ， 主 要 目的 就 是 完成 缴费 ; 然后 是 新 增 缴费 ; 最 后 是 辅助 功能 





账户 分 组 。 


. 要 知道 能 够 满足 主流 用 户 的 “足够 好 ”的 生活 缴费 与 “完美 ”生活 缴费 有 什么 区 别 。 如 9.2 版 的 支付 宝生 活 缴费 (图 7 中 左 
图 ) ， 要 求 补 全 家 庭 地 址 、 芝 麻 信用 、 家 庭 成 员 ， 这 么 多 的 附加 元 素 ， 在 绝 大 多 数 情况 下 ， 没 人 使 用 。 这 些 功 能 就 是 不 必要 的 ， 


可 以 删除 ， 如 图 7 中 的 右 图 所 示 。 


青 补 全 地 址 


持 绪 按时 缴费 有 助 于 提升 芝麻 信用 # 


电费 
1234567890 


O 水 费 。 
78782233 


燃气 费 
78782233 


QO 燃气 费 


78782233 


更 多 缴费 


设计 优化 





图 7 删除 不 必要 功能 
2) 隐藏 


有 些 功能 用 户 很 少 使 用 ， 但 又 是 必需 的 。 例 如 ， 自 定义 、 删 除 、 设 置 等 ， 隐 藏 这 些 不 常用 但 不 能 少 的 功能 (因为 可 以 少 的 功 
能 我 们 已 经 删除 了 ) ， 可 以 为 移动 界面 节约 很 多 空间 ， 让 界面 简单 。 用 户 也 不 会 因为 它们 而 分 散 过 多 的 注意 力 ， 更 聚焦 主要 任 
务 ， 如 图 8 所 示 。 


隐藏 的 功能 在 用 户 需 要 的 时 候 会 出 现在 合适 的 位 置 。 例 如 支付 宝 转账 到 卡 ， 默 认 隐 藏 了 到 账 时 间 ， 以 简化 页 面 。 当 用 户 填 好 
卡号 等 信息 的 时 候 会 自动 出 现 到 账 时 间 ， 如 图 9 所 示 。 
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< 返回 转 到 银行 卡 < 转 到 银行 卡 





姓名 收 款 人 姓名 主 姓名 Hooke 2 





卡号 收 款 人 储 亩 卡 : 卡号 6226 0957 1034 ;OC 
银行 请 选择 银行 》 | 招商 银行 )》 | 


时 间 2 小 时 内 到 账 四 | 
金额 
跟 客 说 明 金额 1 
限额 说 对 
合用 三 户 全 圭 付 歼 ， 更 换 二 一 上 
莉 户 亲 痢 本 避 可 转 信 775.3 元 


使 用 徕 户 妆 户 付 款 ， 下 按 
三 户 生 阁 让 次 可 转 375.3 当 玩 














图 9 适时 出 现 
2. 高 效 的 执行 


生活 的 节奏 越 来 越 快 ， 高 效 是 一 款 产品 必 备 的 素质 。 减 少 等 待 、 稳 定 快捷 ， 才 能 留 住 用 户 。 外 面 的 世界 很 精彩 ， 用 户 不 想 等 
待 ， 用 户 不 想 填 写 没 完 没 了 的 表单 ， 用 户 不 想 总 要 跳 转 才能 看 到 想 看 的 内 容 ， 用 户 不 想 不 停 地 点 击 …… 


关于 高 效 的 问题 ， 我 们 应 该 着 眼 全 局 ， 并 且 思 考 “ 怎 么 样 让 我 们 的 应 用 更 快 、 更 好 用 ”。 所 以 高 效 问题 不 仅 仪 是 关于 设计 的 
问题。 有 跟 技 术 和 性 能 相关 的 时 间 问 题 ，“1 秒 钟 等 待 ”可 以 让 你 的 应 用 迅捷 如 奔 豹 ， 有 跟 行为 流程 设计 相关 的 点 击 问题 ，“1 
次 点 击 ”可 以 让 你 的 应 用 飞 起 来 ， 有 跟 移动 设备 输入 相关 的 人 机 工程 问题 ，“1 根 手指 ”可 以 让 你 的 应 用 连 小 孩 都 能 使 用 ; 还 有 
可 能 跟 信息 结构 相关 的 产品 问题 ，“ 潘 神 的 迷宫 ” 带 你 的 用 户 走出 页 面 的 迷 障 。 


(1) 1 秒 钟 等 待 


不 知道 大 家 有 没有 这 样 的 经 历 : 风 和 日 丽 的 下 午 ， 情 懒 的 阳光 酒 在 身上 ， 你 漫步 在 一 条 商业 街 上 。 闲 逛 中 发 现 一 个 店铺 在 搞 
活动 ， 于 是 掏 出 手机 扫描 二 维 码 ， 无 奈 网 速 太 慢 ， 手 机 一 直 在 安全 扫描 ， 你 只 好 耐心 地 等 。 漫 长 的 等 待 过 后 ， 终 于 打开 一 个 页 
面 ,但 那 是 空白 页 面 ! 而 且 ， 这 个 页 面 还 没有 任何 提示 。 为 了 5 折 的 优惠， 你 决定 再 等 等 。1 秒 、2 秒 、3 秒 ， 终 于 页 面 再 次 跳 
转 ， 进 到 一 个 全 新 的 页 面 ， 而 且 显示 了 加 载 的 进度 。5 秒 、6 秒 、7 秒 ， 页 面 终于 刷 出 了 大 部 分 内 容 ， 无 奈 活 动 按钮 还 是 犹 抱 琶 琶 
半 遮 面 ， 不 肯 出 现 。 于 是 你 一 遍 一 遍地 刷新 ，loading， 刷 新 ，loading.…… 


许多 研究 都 表明 ， 用 户 能 够 忍受 的 等 待 时 间 为 6~ 8 秒 ， 如 图 10 所 示 。 也 就 是 说 ，8 秒 是 一 个 临界 值 ， 如 果 你 的 页 面 打 开 速 度 
过 慢 ， 等 待 8 秒 以 上 ， 大 部 分 用 户 会 离 你 而 去 。 





提示 -- 一 ----------- > | <--- 无 法 忍受 ----> 


图 10 用 户 等 待 时 长 
在 0.1 秒 内 显示 反馈 结果 用 户 是 可 以 接受 的 。 
1 秒 是 用 户 保持 不 间断 的 思维 流 的 限定 时 间 ， 用 户 会 注意 到 这 样 的 延迟 。 
8 秒 是 保持 用 户 关注 当前 界面 的 极限 时 间 ， 超 出 8 秒 用 户 会 愤然 离 场 。 


没 人 愿意 等 待 。“1 秒 钟 等 待 ”是 一 种 比喻 ， 表 示 用 户 对 速度 和 高 效 的 期 盼 与 要 求 。 其 实 ， 等待 的 时 间 主 要 取决 于 服务 器 、 
设备 的 性 能 以 及 网 络 的 速度 。 用 户 是 否 需要 等 待 主要 取决 于 RPC 的 策略 。 


RPC (Remote Procedure Call Protocol) 是 指 手机 客户 端 需要 调用 网 络 服 务 端的 资源 时 ， 进 行 的 远程 数据 调用 过 程 。 我 
们 用 “RPC” 泛 指 客户 端 需要 和 服务 端 发 生 数据 交换 的 场景 。 


虽然 设计 师 不 能 决定 服务 器 和 设备 的 性 能 ， 也 不 能 提升 网 速 ， 但 是 我 们 可 以 优化 RPC 策 略 ， 减 少 等 待 的 次 数 ， 也 可 以 优化 加 
载 效果 ， 减 少 用户 的 等 待 时 间 。 虽 然 某 种 程度 上 这 只 是 “ 障 眼 法 ” ， 但 却 能 够 获得 用 户 的 认同 ， 改 善 用 户 的 体验 。 


除去 服务 器 、 设 备 性 能 、 网 速 这 些 不 可 控 因素 ， 用 户 的 等 待 主要 由 一 次 次 RPC 请 求 造成 。 如 果 我 们 在 做 设计 的 时 候 考 虑 到 
RPC 请 求 的 逻辑 和 策略 ， 并 且 适 当地 优化 ， 做 到 用 户 的 一 次 操作 只 触发 一 次 RPC 请 求 ， 尽 量 减少 RPC 次 数 ， 就 可 以 减少 用 户 的 等 
待 次 数 。 


一 次 用 户 操作 不 允许 有 多 次 RPC ( 指 和 这 条 操作 主流 程 相 关 ) 。 


以 用 户 使 用 支付 宝 扫描 二 维 码 的 体验 为 例 ， 用 户 要 经 历 3 次 RPC 请 求 才能 正式 进入 页 面 加 载 ， 如 图 11 所 示 。 





RPC-1 RPC-2 
一 维 码 识 别 打开 屡 个 页 面 加载 页 面 数 
目标 页 面 
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图 11 ” 扫 码 RPC 策 略 及 页 面 流程 
从 图 11 中 我 们 可 以 看 到 一 个 简 简单 单 的 扫 码 ， 用 户 经 历 了 3 次 等 待 、2 次 跳 转 ， 真 是 干 辛 万 苦 啊 ! 我 们 可 以 优化 一 下 这 个 





RPC 请 求 的 逻辑 ， 合 并 识别 二 维 码 和 打开 哪个 页 面 的 RPC 请 求 ， 如 图 12 所 示 。 
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图 12 ”优化 的 RPC 策 略 及 页 面 流 程 


在 图 12 中 ， 我 们 看 到 这 样 的 RPC 策 略 让 用 户 少 等 待 了 一 次 ， 少 了 一 次 页 面 的 跳 转 ， 给 用 户 的 体验 就 比 之 前 要 高 效 一 些 


(2) 转移 注意 力 
影响 的 常用 手段 。 其 实 ， 在 现实 生活 中 ， 我 们 常常 使 用 转移 注意 力 这 一 方法 。 比 如 ， 一 些 服务 


转移 注意 力 是 减轻 等 待 的 负面 影 
较 好 的 饭店 ， 在 客人 排队 等 待 就 餐 的 时 候 提供 各 种 小 吃 和 休闲 游戏 。 客 人 有 好 吃 的 、 好 玩 的 就 会 忘记 等 待 的 烦恼 。 这 种 方式 在 应 


用 的 设计 中 也 同样 管用 。 
支付 宝 的 明星 产品 “余额 宝 ” ， 当 用 户 进入 页 面 的 时 候 会 从 服务 端 获取 金额 信息 。 在 这 一 过 程 中 伴随 着 金额 数字 随机 变换 以 


吸引 用 户 注意 ， 使 用 户 不 会 有 等 待 之 苦 。 如 图 13 所 示 。 
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图 13 额 宝 页 面 加 载 动 态 


(3) 一 次 点 击 


懒 ,， 是 人 的 天 性 。 交 互 设计 师 的 天 职 就 是 将 用 户 从 繁重 的 交互 操作 中 拯救 出 来 ， 提 升 产品 的 可 用 性 ， 让 用 户 方便 快捷 地 完成 
任务 。 在 交互 设计 中 ， 应 尽 可 能 地 减少 额外 的 点 击 ， 做 到 一 键 完 成 任务 。 一 次 点 击 意 在 减少 用 户 操 作 次 数 ， 提 高 操作 效率 ， 成 全 
人 类 “ 懒 ” 的 天 性 。 

交互 产品 经 常 包 括 一 些 不 必要 的 额外 点 击 ， 对 于 用 户 而 言 ， 这 些 不 必要 的 操作 都 是 附加 工作 。 附 加 工作 消耗 用 户 的 精力 ， 又 
不 能 直接 实现 用 户 的 目标 。 消 除 附加 工作 ， 可 以 提升 操作 效率 ， 改 善 产品 的 可 用 性 。 交 互 设计 师 只 有 对 产品 中 附加 工作 高 度 敏 
感 ， 才 能 把 产品 设计 得 更 高 效 。 

支付 宝 9.2 版 本 以 前 的 手机 充值 从 选择 金额 到 付款 需要 4 次 点 击 : @ 点 击 金额 唤起 选择 picker; @ 滑 动 选择 金额 ; @ 点 击 完成 
关闭 picker; @ 点 击 “ 立 即 充 值 ” 进 入 付款 页 面 ， 如 图 14 所 示 。 


请 按 1，…… 请 按 2，…… 请 按 3 
im 请 按 4，… 请 按 5，…… 请 按 嫩 
9 


图 14 无 尽 的 点 击 


9.2 版 本 改版 以 后 将 充值 金额 平 铺展 现在 用 户 面前 ， 用 户 只 需要 一 次 点 击 选择 充值 金额 即 可 进入 付款 页 面 ， 如 图 15 所 示 。 
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图 15 手机 充值 交互 优化 
(4) 三 级 跳 


在 PC 网 络 时 代 ，Web 页 面 间 反复 跳 转 是 再 正常 不 过 的 了 。 从 搜索 页 面 到 目标 网 站 首页 ， 首 页 再 到 详情 ， 详 情 页 再 到 推荐 页 


面 ， 推 荐 页 再 回 到 首页 .…… 但 是 ， 你 敢 在 手机 应 用 上 试 一 试 吗 ?” 这 么 混乱 的 跳 转 关系 ， 用 户 可 能 真 的 就 进入 了 你 为 他 设置 的 页 面 
迷宫 ， 不 知道 自己 在 什么 地 方 ， 不 知道 返回 到 哪个 页 面 ， 不 知道 怎么 快速 回 到 入 口 。 


我 们 来 看 图 16 所 示 的 某 热门 应 用 的 页 面 跳 转 案例 : 首页 一 详情 页 一 个 人 页 一 详情 页 一 个 人 页 .…… 可 以 无 限制 地 深入 和 循环 。 
当 用 户 回 过 头 来 想 要 返回 的 时 候 就 迷糊 了 。 左 上 和 角 的 返回 是 到 哪里 的 ? 如 果 是 返回 上 一 个 页 面 ， 那 回 到 首页 要 点 击 多 少 下 ? 


在 PC 网 页 上 因为 有 顶部 全 局 导航 和 面包 屑 导航 ， 这 些 跳 转 可 能 都 不 是 问题 。 但 是 在 手机 屏幕 上 是 没有 这 些 导 航 的 ， 只 有 左 
上 和 角 的 返回 ， 这 就 完全 交代 不 清楚 了 。 所 以 ， 在 手机 应 用 页 面 之 间 的 跳 转 不 能 太 多 。 
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图 16 ” 茶 热 门 应 用 


标签 栏 、 抽 居 式 、 富 格式 、 列 表 式 、 轮 播 式 、 唤 起 式 ， 移 动 设计 里 的 导航 模式 就 这 几 种 ， 都 是 比较 简单 的 结构 和 模式 。 如 果 
在 移动 设计 里 面 设 计 了 太 深 的 信息 架构 ， 一 会 让 用 户 迷 惑 ， 二 会 大 大 降低 操作 效率 。 所 以 ， 移 动 设计 中 常用 的 内 容 应 该 在 3 个 层 


级 以 内 看 到 。 


手机 上 能 不 跳 转 就 不 跳 转 ， 下 面 的 案例 可 以 帮助 我 们 减少 页 面 的 跳 转 ， 将 用 户 带 出 “ 潘 神 的 迷 言 ”。 


模 态 窗口 就 是 对 当前 页 面 的 内 容 进 行 操作 ， 用 户 不 用 离开 当前 页 面 ， 从 而 减少 了 页 面 的 跳 转 。 我 们 常见 的 模 态 对 话 框 ， 常 用 
来 报错 或 者 提醒 用 户 。 如 图 17 所 示 。 
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图 17 模 态 
3. 人 性 的 对 话 


用 户 使 用 我 们 的 应 用 过 程 其 实 就 是 一 个 人 机 对 话 的 过 程 。 界 面 中 展示 的 信息 是 系统 向 用 户 传递 信息 ， 用 户 的 操作 是 在 向 系统 
传递 信息 ， 这 一 来 一 往 就 是 对 话 。 打 造 一 个 有 人 性 的 App， 营 造 和 谐 的 人 机 对 话 ， 是 我 们 提出 人 性 化 原则 的 目的 。 我 们 希望 用 户 
可 以 把 我 们 当成 生活 中 一 个 可 以 对 话 的 助手 。 


(1) 适时 反馈 


人 与 人 的 交流 中 ， 我 们 无 法 忍受 的 一 种 情况 是 : 对 方 对 自己 说 的 话 没有 有 反 应， 对 自己 的 行动 视而不见 。 这 是 一 种 极其 不 尊重 
人 的 行为 ， 我 们 会 在 内 心 鄙 视 这 种 人 ， 甚 至 抓 狂 ! 及 时 恰当 的 反馈 能 告诉 用 户 下 一 步 该 做 什么 ， 帮 助 用 户 做 出 判断 和 决定 ， 让 用 
户 知道 系统 运行 良好 稳定 。 所 以 要 营造 和 谐 的 人 机 对 话 环境 ， 我 们 必须 做 到 适时 地 反馈 。 下 面 定义 了 几 个 最 基本 的 原则 ， 来 保障 
支付 宝 对 用 户 做 到 适时 反馈 : 


为 用 户 的 操作 提供 必要 、 积 极 、 即 时 的 反馈 。 
“ 根据 内 容 的 重要 程度 选择 合适 的 反馈 形式 。 
* 避免 过 渡 反馈 ， 以 免 给 用 户 带 来 不 必要 的 打扰 。 
.不 要 打 断 用 户 的 意识 流 ， 避 免 遮挡 用 户 可 能 回去 查看 或 操作 的 对 象 。 
1) 反馈 方式 


移动 界面 设计 中 反馈 的 方式 大 致 有 5 种 : 对 话 框 、 小 气泡 、 多 态 按钮 、 动 画 、 声 音 或 震动 ， 如 图 18 所 示 。 所 有 的 提示 都 应 该 
在 恰当 的 时 候 出 现在 恰当 的 位 置 ， 为 用 户 提供 必要 、 积 极 、 即 时 的 反馈 。 


取 测 确定 


对 话 框 





多 态 按 钮 动画 声音 或 震动 
图 18 ”反馈 方式 
. 对 活 框 : 对 话 框 带 有 一 两 句 说 明文 字 和 两 个 操作 按钮 ， 用 于 确认 和 取消 重要 操作 〔 比 如 ， 是 否 期 除 内 容 ) ， 通 常会 用 明显 
的 颜色 ， 突 出 显示 可 能 造成 损失 的 操作 项 (比如 ，“ 删 除 ”“ 不 保存 ”) 。 对 话 框 的 出 现 ， 强 迫 用 户 关注 弹 窗 内 容 和 操作 ， 并 屏 
蔽 背景 的 所 有 内 容 不 可 操作 ， 是 对 用 户 打扰 最 大 的 反馈 提示 ， 也 是 最 强 的 反馈 方式 。 通 常用 户 都 想 赶快 关 掉 对 话 框 ， 以 便 接着 完 
成 被 打 断 的 操作 。 所 以 ， 对 话 框 中 的 文案 要 尽量 言 简 意 凡 ， 帮 助 用 户 快速 了 解 和 做 出 决策 ， 如 图 19 所 示 。 
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:小 气泡 : 气泡 也 可 以 叫 “Toast”， 这 其 实 是 一 种 弱化 版 的 对 话 框 。 它 就 像 气 泡 一 样 ， 在 界面 上 展示 短暂 的 时 间 (5 秒 以 
下 ) ， 然 后 自动 消失 。 它 不 强制 用 户 做 任何 操作 和 确认 ， 所 以 对 用 户 的 打扰 比 对 话 框 小 很 多 。 气 泡 一 般 用 来 确认 用 户 执行 的 任务 


状态 或 者 操作 结果 ， 如 图 20 所 示 。 
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图 19 “对话 框 
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图 20 小 气泡 


: 多 态 按钮 : 按钮 是 虚拟 世界 隐喻 现实 世界 的 产物 ， 是 对 现实 世界 的 按钮 和 开关 的 模拟 。 而 现实 世界 中 的 按钮 会 对 用 户 的 操 
作 提 供 实 实在 在 的 物理 反馈 。 所 以 ， 为 了 符合 用 户 的 心智 模式 ， 界 面 中 的 按钮 也 应 该 为 用 户 的 操作 提供 反馈 ， 否 则 用 户 不 知道 发 
生 了 什么 。 当 用 户 在 屏幕 上 按 下 一 个 按钮 或 链接 时 ， 也 需要 有 状态 的 改变 ， 让 用 户 知道 界面 已 经 接收 到 他 的 操作 了 ， 如 图 21 所 


To 


- 动画 : 动画 能 给 用 户 提供 有 意义 的 反馈 ， 帮 助 用 户 直观 了 解 操 作 的 结果 。 并 且 不 打扰 用 户 的 操作 ， 用 户 体验 更 流畅 。 而 且 
精美 有 趣 的 动画 ， 能 给 用 户 留 下 深刻 印象 ， 提 升 使 用 时 的 愉悦 感 。 
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图 21 多 态 按钮 


手机 淘宝 将 商品 收入 购物 车 时 的 动画 ， 就 是 一 种 比较 优雅 的 反馈 方式 ， 如 图 22 所 示 。 
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图 22 动画 


声音 或 震动 : 前 面 讲 到 的 反馈 方式 都 是 虚拟 界面 模拟 出 来 的 ， 而 声音 或 震动 能 带 给 用 户 更 真实 的 物理 反馈 。 上 声音 或 震动 的 
反馈 给 用 户 的 感觉 也 应 该 是 最 真实 和 自然 的 。 例 如 ， 手 机 虚拟 键盘 按 下 时 的 “ 哟 喝 ” 声 ， 和 短信、 邮件 发 送 成 功 后 “ 咱 ” 的 一 声 ， 


拍照 时 的 “ 味 喀 ” 声 ， 都 是 我 们 设计 中 在 声音 方面 反馈 比较 好 的 。 


恰当 的 声音 反馈 有 画龙点睛 的 效果 ， 但 过 多 地 使 用 可 能 会 变 成 一 种 打扰 。 所 以 ， 我 们 不 能 将 声音 作为 主要 反馈 ， 并 且 要 给 用 
户 关 闭 提示 音 的 权利 〈 因 为 用 户 所 处 的 环境 多 样 ， 可 能 很 吵 而 听 不 见 声音 ， 也 可 能 不 适合 打开 声音 ) 。 


震动 是 一 种 更 强烈 的 触觉 反馈 ， 可 以 用 来 加 强 声音 的 反馈 。 
2) 过 度 反 馈 


对 话 框 和 小 气泡 的 视觉 形式 是 悬浮 在 当前 界面 之 上 的 ， 用 户 可 以 理解 对 话 框 与 当前 界面 之 间 的 关系 ， 完 成 对 话 框 的 操作 之 后 
可 以 继续 原 有 操作 。 它 的 本 意 是 减少 页 面 的 跳 转 ， 尽 量 让 用 户 沉浸 体验 。 但 是 有 的 设计 师 会 滥用 对 话 框 ， 反 而 打扰 了 用 户 的 体验 
流程 ， 成 为 万 恶 的 对 话 框 。 试 想 一 下 ， 如 果 每 想 阅 一 句 话 之 前 ， 你 都 要 在 脑子 里 面 弹出 一 个 对 话 框 问 自己 “你 是 否 真 的 要 说 这 名 
话 ”， 这 是 一 种 多 么 糟糕 的 体验 。 下 面 给 大 家 举 几 个 反例 。 


支付 宝 9.2 版 本 之 前 ， 用 户主 动 关 闭 收银 台 ， 会 弹出 对 话 框 让 用 户 确认 是 否 退出 ， 其 实 显得 十 分 多 余 ， 如 图 23 所 示 。 
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图 23 过度 反馈 1 


支付 宝 9.0 版 本 以 前 的 服务 窗 ， 在 删除 服务 窗 的 时 候 会 展示 删除 成 功 的 小 气泡 ， 如 图 24 所 示 。 其 实 完 全 可 以 用 现在 的 删除 动 
画 代 蔡 。 
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图 24 过度 反馈 2 


(2) 情感 关怀 


《心理 学 大 冬 典 》 





情感 是 人 对 客观 事物 是 否 满足 自己 的 需要 而 产生 的 态度 体验 。 


人 性 和 情感 是 紧密 相连 、 不 可 分 割 的 ， 我 们 在 思考 人 性 化 的 时 人 息 ， 一 定 不 能 忘 了 用 户 的 情感 需求 。 用 户 的 需求 和 期 望 得 到 满 
足 时 会 产生 愉快 、 襄 爱 的 情感 ;反之 ， 就 会 苦恼 、 厌 恶 。 所 以 ， 当 用 户 在 支付 宝 里 受挫 的 时 人 息 ， 我 们 要 及 时 地 给 予 情感 上 的 安抚 
和 关怀 ; 当 用 户 在 支付 宝 里 完成 任务 的 时 候 ， 我 们 要 及 时 地 给 予 情感 上 的 肯定 和 强化 。 


1) 安抚 和 关怀 


等 待 、 报 错 、 系 统 繁忙 等 场景 都 会 使 用 户 产生 挫败 感 。 长 时 间 的 等 待 会 让 用 户 感到 烦躁 ， 犯 错误 让 用 户 感到 苦恼 ， 系 统 繁忙 
甚至 让 用 户 感 到 厌恶 。 如 果 我 们 能 巧妙 地 处 理 好 这 些 场景 ， 降 低 用 户 的 挫败 感 ， 就 能 体现 设计 在 产品 中 的 价值 。 


例如 ， 支 付 宝 在 “ 双 11” 大 促 以 及 发 春节 红包 的 时 候 ， 用 户 可 能 会 遇 到 系统 繁忙 的 情况 。 但 是 这 个 时 候 却 是 用 户 最 着 急 付 
款 的 时 候 ， 因 为 大 家 都 在 抢 货 啊 ! 这 个 时 候 我 们 怎么 能 通过 情感 的 安抚 降低 用 户 的 挫败 感 呢 我 们 赋予 系统 人 格 特性 ， 用 通俗 易 


懂 的 语言 和 虔诚 的 口吻 ， 跟 用 户 展开 “人 与 人 ”之 间 的 对 话 ， 如 图 25 所 示 。 
2) 正 向 强化 


在 用 户 完成 某 个 任务 或 者 其 他 正 向 场景 的 时 候 ， 我 们 要 强化 这 种 正 向 的 情感 ， 加 深 用 户 的 情感 体验 ， 如 图 26 所 示 。 
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图 25 ”安抚 和 关怀 
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图 26 正 向 情感 强化 


图 26 左 图 为 用 户 进入 余额 宝 页 面 时 ， 我 们 通过 金额 数字 的 增长 动画 ， 加 强 用 户 在 查看 收益 和 本 金 时 候 的 喜悦 感 ， 加 深 用 户 
对 余额 宝 这 个 产品 乃至 支付 宝 的 正 向 情感 。 


图 26 右 图 为 用 户 开 启 支 付 宝 会 员 的 时 候 ， 我 们 通过 一 个 完整 的 页 面 和 动画 告知 用 户 获得 的 排名 与 会 员 等 级 ， 强 化 用 户 获得 
会 员 身份 和 等 级 时 的 自我 认同 感 。 

(3) 智能 服务 

智能 手机 要 够 智能 。 充 分 利用 设备 的 硬件 特性 、 系 统 的 数据 ， 与 设计 进行 完美 的 融合 ， 让 用 户 感受 到 我 们 是 懂 他 的 ， 是 聪明 


的 。 手 机 的 传感器 赋予 我 们 对 外 界 的 感知 能 力 ， 海 量 的 用 户 特征 数据 赋予 我 们 渊博 的 知识 ， 强 大 的 后 台 计 算 服务 器 赋予 我 们 超 强 
的 大 脑 ， 我 们 的 App 完 全 可 以 像 人 一 样 去 思考 ， 思 考 如 何 为 用 户 提供 更 好 的 服务 ， 如 图 27 所 示 。 
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图 27 智能 服务 


图 27 左 图 为 支付 宝 登录 ， 用 户 在 应 用 中 填写 过 的 信息 都 可 以 记录 在 系统 中 ， 免 去 用 户 二 次 输入 的 麻烦 ， 提 升 用 户 的 操作 效 


图 27 右 图 为 新 卡号 输入 ， 自 动 将 卡号 分 隔 为 4 个 数字 一 段 ， 方 便 用 户 阅读 和 核对 ， 并 且 根 据 卡号 自动 识别 所 属 银行 ， 减 少 用 
户 的 输入 操作 。 


第 3 节 ”基础 规范 


设计 原则 在 思维 层面 指导 我 们 做 出 符合 整体 体验 价值 观 的 设计 决策 。 根 据 简单 、 高 效 、 人 性 化 的 设计 原则 ， 我 们 要 对 页 面 的 
基本 组 成 元 素 进行 一 致 性 的 定义 和 规范 化 的 建设 。 文 字 、 图 片 、 线 条 、 颜 色 是 构成 页 面 的 最 基本 元 素 ， 统 一 这 些 基 本 元 素 对 于 整 
个 产品 的 视 党 风格 和 品牌 传达 的 一 致 性 起 着 至 天 重要 的 作用 。 它 们 就 像 建筑 的 基本 材料 ， 决 定 建筑 最 终 的 风格 和 特点 ， 正 如 用 木 
材 建造 中 国 及 东方 建筑 ， 用 石材 建造 西方 建筑 。 


1. 设 计 风 格 


设计 风格 是 整合 品牌 传播 的 一 种 表现 ， 它 能 理性 地 反映 品牌 个 性 与 共性 ， 从 而 建立 品牌 知名 度 、 美 誉 度 、 忠 诚 度 及 品牌 联想 
度 。 


支付 宝 给 用 户 传达 简单 、 高 效 、 人 性 化 的 理念 。 而 极 简 主义 (Minimalism) 指 设计 从 功能 出 发 ， 形 式 以 满足 功能 而 存在 ， 
没有 功能 性 的 修饰 全 部 去 掉 。 这 种 设计 风格 ， 感 官 上 简约 整洁 ， 品 位 和 思想 上 更 为 优雅 。 


极 简 主 义 设 计时 ， 只 有 图 片 、 颜 色 、 字 体 及 大 小 、 线 条 、icon 风 格 、 留 白 的 处 理 等 设计 元 素 之 间 完 美 配合 ， 才 能 达到 理想 的 
效果 。 


2. 色 彩 


品牌 色 在 界面 设计 中 的 使 用 应 同时 具备 品牌 识别 性 以 及 界面 设计 功能 性 ， 色 彩 的 运用 应 达到 信息 传递 、 动 作 指 引 、 交 互 反 


馈 ,或 是 强化 和 凸显 某 一 个 元 素 的 目的 。 支 付 宝 品 牌 色 如 图 28 所 示 。 





图 28 支付宝 品 牌 色 


人 们 的 大 脑 记忆 过 程 主要 分 为 3 个 阶段 : 识 记 、 保 存 、 重 现 。 在 实际 设计 中 ， 我 们 可 以 利用 这 一 特点 ， 更 好 地 传达 品牌 的 视 
觉 感知 。 支 付 宝 移动 端 通过 视觉 感官 来 增强 品牌 色 的 引用 主要 有 3 种 途径 ， 如 图 29 所 示 。 


“当前 选中 项 (图 29 中 的 左 图 ) ; 
“ 主 操作 按钮 (图 29 中 的 中 图 ) ; 


: 操作 类 文案 信息 (图 29 中 的 右 图 ) 。 
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图 29 ”品牌 色 引 用 


很 多 设计 师 在 产 出 App 时 ， 都 会 遇 到 字体 选择 的 问题 ， 手 机 系统 的 不 同 ， 所 使 用 的 字体 也 是 不 同 的 。 有 些 个 性 的 App， 若 字 
体 也 做 个 性 设计 ， 会 产生 3 个 方面 的 影响 : 


“ 增加 了 App 的 安装 包 的 大 小 。 
- 用 户 在 使 用 该 App 时 ， 增 加 额外 的 学 习 和 适用 成 本 。 


. 个 性 字体 与 系统 字体 没有 统一 性 。 


建议 大 家 采用 系统 字体 做 设计 方案 的 产 出 。 下 面 介 绍 一 下 大 家 经 常 接触 的 两 大 系统 字体 及 属性 。 
(1) 字体 集 
1) iOS 系 统 


在 WWDC 2015 大 会 上 ， 苹 果 公 司 专门 在 OS X El Capitan 中 为 中 国 用 户 打造 了 全 新 字体 一 一 苹 方 字体 ， 其 字体 具有 现代 感 
的 外 观 、 清 晰 易 读 的 屏幕 显示 效果 ， 并 同时 支持 简体 中 文 (PingFang SC) 、 繁 体 中 文 (PingFang TC) 、 香 港 中 文 
(PingFang HK) ， 看 来 苹果 公司 还 是 很 注重 中 国人 的 用 户 体 验 。iOS 默 认 字体 如 图 30 所 示 。 


支付 宝 Alipay 


2iNngFang St 





| 


PingFang * 


| 加 SS 拭 认 申 变 字体 DS 让 划 交 ， 娄 宣 宇 导 








图 30 iOS 默认 字体 
2) Android 系 统 
谷歌 公司 就 没有 这 么 人 性 化 了 ， 中 文字 体 至 今 尚 未 更 新 ， 依 然 沿用 Droid Sans Fallback 字 体 ， 或 许 是 字体 库 对 手机 厂商 开 
放 ， 可 以 自行 定义 。 
自从 lce Cream Sandwich 发 布 以 来 ，Roboto 就 是 Android 系 统 的 默认 英文 及 数字 体 。 宽 度 和 圆 度 都 轻微 提高 ， 从 而 提升 了 
清晰 度 ， 并 且 看 起 来 让 人 更 加 愉悦 。Android 默 认 字体 如 图 31 所 示 。 


支付 宝 《Alipay 


Droid Sans Fallback Roboto 
Android 默 认 中 文字 体 Androld 束 从 中 文 ， 数 于 子 恒 








图 31 Andtoid 默 认 字 体 
(2) 行 高 
1) iOS 系 统 


可 能 很 多 设计 师 都 遇 到 这 样 的 问题 。 在 设计 过 程 中 ， 采 用 默认 的 字 行 高 产 出 设计 稿 ， 但 在 视 党 验收 阶段 ， 却 发 现 技术 开发 的 
页 面 与 设计 稿 不 一 致 。 例 如 : 文字 与 图 片 的 间距 、 文 字 与 文字 间距 、 文 字 与 边框 间距 等 都 不 同 。 


解决 此 类 问题 其 实 很 简单 ， 文 字 行 高 采用 与 技术 开发 对 等 的 参数 产 出 设计 稿 即 可 ， 图 32 列 举 了 一 些 常用 的 文字 行 高 。 


文字 20px: 支付 宝 ABC abc 0123 

文字 22px: 支付 宝 ABC abc 0123 

文字 24px: 支付 宝 ABC abc 0123 
文字 26px: 支付 宝 ABC abc 0123 


文字 28px: 支付 宝 ABC abc 0123 
文字 30px: 支付 宝 ABC abc 0123 


又 字 32px: 支付 宝 ABC abc 0123 
文字 34px': 文 付 宇 ABC abc 0123 


又 字 36px: 支付 宝 ABC abc 0123 


图 32 ”常用 的 文字 行 高 


县 量 量 量 量 量 量 量 量 


从 图 32 中 可 以 总 结 出 一 个 公式 : 
Y=2Xceil (X/10) 十 又 
式 中 : X 为 字号 (sketch 里 的 字号 ) ; Y 为 行 高 ，ceil () 为 向 上 取 整 数 。 


此 公式 方便 我 们 在 产 出 设计 稿 时 ， 按 照 文字 大 小 ， 对 应 地 设置 文字 行 高 ， 便 可 以 确保 设计 稿 与 技术 开发 的 页 面 中 的 文字 行 高 
一 致 了 。 


2) Android 系 统 


Android 由 于 各 机 型 的 字体 不 同 ， 字 体 库 对 手机 厂商 的 开放 ， 文 字 行 高 就 很 难 找 统一 的 规则 。 在 实际 产 出 设计 稿 时 ， 采 用 字 
体 Droid Sans Fallback、Roboto， 文 字 行 高 为 系统 默认 ， 不 做 设置 ， 如 图 33 所 示 。 

E> 文字 30px : 支付 宝 天 | 文字 30px : ABC abc 0123 

| 咖 文字 33px : 支付 宝 加” 文字 33px : ABC abc 0123 

加 文字 36px : 支付 宝 加 文字 36px ; ABC abc 0123 

四 ”文字 39px : 支付 宝 国文 字 39px : ABC abc 0123 

加 文字 42px : 支付 宝 呈 文 字 42px : ABC abc 0123 

四 文字 45px : 支付 宝 四 文字 45px : ABC abc 0123 
四 文字 48px : 支付 宝 四 文字 48px : ABC abc 0123 


图 33 中文、 英文 、 数 字 行 高 


(3) 标点 


中 文字 在 国际 GB 2312 一 一 1980 (汉字 国际 码 ) 中 采用 全 角 字 符 ， 输 入 中 文 时 ， 所 使 用 标点 同时 应 采用 全 角 字符 。 这 样 就 
与 中 文字 占 的 字 节 数 保持 一 致 ， 展 示 出 来 的 中 文字 与 标点 所 占 的 间距 保持 统一 。 


同样 地 ， 英 文 、 数 字 、 特 殊 字 符 采 用 半角 输入 模式 ， 其 内 容 所 使 用 的 标点 也 采用 半角 标点 。 

(4) 空格 

“空格 ”估计 大 家 并 不 陌生 ， 它 是 键盘 里 最 大 的 一 个 按键 。 如 何 把 “空格 ”应 用 到 实际 的 设计 中 ， 总 结 以 下 3 点 经 验 : 
: 中 英文 混 排 时 中 文 与 英文 之 间 加 半角 空格 ， 方 便 用 户 在 阅读 时 进行 区 分 。 


- 数字 与 单位 之 间 需 要 增加 空格 ， 方 便 用 户 精 确 查 阅 数字 (支付宝 用 户 对 数字 非常 关注 ， 数 字 等 同 于 金额 ) 。 但 度 
与 数字 之 间 无 须 增加 空格 。 


、 百 分 比 
: 中 文 之 间 链 接 文字 需 增加 空格 。 在 技术 上 实现 链接 时 ， 可 增 大 可 点 区 域 ， 同 时 给 用 户 传递 可 点 击 感 。 
(5) 对 齐 


人 们 的 阅读 习惯 一 般 是 从 左 到 右 ， 人 的 两 眼 是 横着 排列 的 ， 眼 睛 视线 横 看 比 竖 看 要 宽 ， 横 看 时 眼 和 头 部 转动 较 小 ， 自 然 省 
力 ， 不 易 疲劳 。 


在 实际 的 文字 排版 中 ， 中 文 或 英文 均 可 以 采用 左 对 齐 的 方式 ， 如 图 34 所 示 。 


支付 宝 App 
支付 宇内 置 风靡 全 国 的 平民 理财 神器 余额 宝 ， 还 有 


还 信用 卡 、 转 账 、 元 话费 、 缴 水 电 烷 全 部 免费 ， 而 且 
还 提供 了 以 你 为 中 心 的 餐饮 、 生 活 服务 、 理 财 保险 、 
场景 天 系 等 一 系列 全 新 服务 





图 34 文字 对 齐 


齐 ， 便 于 对 个 、 十 、 百 、 干 位 上 的 数字 进行 对 比 。3 个 数字 以 上 ， 使 用 干 分 符 作为 分 隔 ， 便 
于 用 户 识别 ， 如 图 35 所 示 。 


+10,000.00 
-300.00 


共 还 款 544,432,600.00 


转 到 银行 卡 共 转 出 77,896,950.00 


+10,000.00 


0.00 花 呐 消费 共 消 费 28,790.00 





图 35 ”数字 /小 数 点 对 齐 
4. 图 标 


(1) 图 标 网 格 


使 用 图 标 网 格 可 确保 图 标 设计 的 一 致 性 ， 从 而 建立 一 套 明确 的 图 形 元 素 定 位 规则 ， 如 图 36 所 示 。 


























图 36 图标 网 格 


(2) 关键 线 的 形状 
关键 线 的 形状 是 网 格 的 基础 。 利 用 这 些 核心 形状 作为 向 导 ， 即 可 使 整个 相关 产品 的 图 标 保持 一 致 的 视觉 比例 ， 如 图 37 所 


J\o 


a) 方形 、 圆 形 


b) 竖 直 和 矩 形 、 水 平和 矩形 
图 37 关键 线 的 形状 
(3) 产品 图 标 


产品 图 标 是 传达 品牌 内 涵 的 一 个 重要 载体 ， 是 一 个 品牌 下 产品 、 服 务 和 工具 的 一 种 视觉 表现 ， 通 过 对 每 个 功能 属性 的 调用 , 
确定 用 4 种 色彩 区 分 各 功能 ,能够 以 简洁 的 外 形 、 鲜 明 的 颜色 友好 地 传递 产品 的 核心 理念 与 内 涵 ， 如 图 38 所 示 。 


生活 缴费 信用卡 还 款 余额 到 服务 窗 


图 38 产品 图 标 





5. 适 配 





(1) iOSs 适 配 





iOS 机 型 总 览 如 图 39 所 示 。 


1242*2208 


750*1334 


640*1136 
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四 
5 一 3 





320*480 
机 型 6+ 
像素 分 辨 率 1242x2208 px 750x1334 px 640x1136 px 640x960 px 320x480 px 
1125x2001 px 
售 宣 @@3X @2X 名 2X @2X @1X 
逻辑 分 辨 率 414x736 pt 375x667 pt 320x568 pt 320x480 pt 320x480 pt 
屏幕 密度 401 PPi 326PPi 326PPi 326PPi 163PPi 
状态 栏 高 60 px 40 px 40 px 40 px 20 px 
导航 栏 高 132 px 88 px 88 px 88 px 44 px 
图 39 ”iOS 机 型 总 览 


(2) Android 适 配 


Android 主 流 机 型 概览 如 图 40 所 示 。 


1440*2560 





1080*1920 






T207280 


80*800 






360*480 





DPI xxxhapi xxhdpl xhdpi hdpi mdpel 


悍 权 分 风华 T1440x2560 px 080x1920 px 720x1280 px 80%800 px 320x480 px 


倍率 二 4X 加 x 2 吕 1.5X% 全 1X 
屏幕 密度 640 PPI a80 PPI 320 PPI 240 PPI 160 PPI 
导航 栏 高 192 px 144 px 96 px 72 px 48 px 


图 40 Andtoid 主 流 机 型 概览 


App 设 计 开发 必须 考虑 适 配 各 种 屏幕 。 如 何 做 到 交付 一 套 设 计 稿 就 可 解决 适 配 大 、 中 、 小 三 屏 的 问题 ”设计 和 开发 之 间 采 用 
什么 协作 模式 ? 一 个 基本 思路 如 下 : 


: 选择 一 种 尺寸 作为 设计 和 开发 基准 。 
` 定义 一 套 适 配 规则 ， 自 动 适 配 剩 下 尺寸 。 
* 特殊 适 配 效果 给 出 设计 效果 。 


第 一 步 : 视觉 设计 阶段 ， 设 计 师 按 宽度 750px (iPhone 6) 做 设计 稿 ， 除 图 片 外 所 有 设计 元 素 用 矢量 路 径 来 做 。 设 计 定 稿 后 
在 750px 的 设计 稿 上 做 标注 ， 输 出 标注 图 。 同 时 等 比 放大 1.5 倍 生成 宽度 1125px 的 设计 稿 ， 在 1125px 的 稿子 里 切 图 。 


第 二 步 : 输出 两 个 交付 物 给 开发 工程 师 : 一 个 是 程序 用 到 的 @3X 切 图 资源 ， 另 一 个 是 宽度 750px 的 设计 标注 图 。 


第 三 步 : 开发 工程 师 拿 到 750px 标 注 图 和 @3X 切 图 资源 ， 完 成 iPhone 6 (375pt) 的 界面 开发 。 此 阶段 不 能 用 固定 宽度 的 方 
式 开 发 界面 ， 得 用 自动 布局 (auto layout) ， 方 便 后 续 适 配 到 其 他 尺寸 。 


第 四 步 : 适 配 调试 阶段 ， 基 于 iPhone 6 的 界面 效果 ， 分 别 向 上 、 向 下 调试 iPhone 6 plus (414pt) 和 iPhone 5S 及 以 下 
(320pt) 的 界面 效果 。 由 此 完成 大 、 中 、 小 三 屏 适 配 。 


iOS 设 计 适 配 流程 如 图 41 所 示 。 


第 一 步 : 视觉 设计 阶段 ， 设 计 师 按 宽度 1080px 做 设计 稿 ， 除 图 片 外 所 有 设计 元 素 用 矢量 路 径 来 做 。 设 计 定 稿 后 在 1080px 的 
设计 稿 上 做 标注 ， 输 出 标注 图 。 同 时 等 比 放大 4/3 倍 生成 宽度 1440px 的 设计 稿 ， 在 1440px 的 稿子 里 切 图 。 


第 二 步 : 输出 两 个 交付 物 给 开发 工程 师 : 一 个 是 程序 用 到 的 @4X 切 图 资源 ， 另 一 个 是 宽度 1080px 的 设计 标注 图 。 


设计 输出 开发 适 配 


。 放大 模式 


视觉 稿 标注 图 WA、| 5 及 以 下 


图 41 iOS 设 计 适 配 流程 








第 三 步 : 开发 工程 师 拿 到 1080px 标 注 图 和 @4X 切 图 资源 ， 完 成 1080px 的 界面 开发 。 此 阶段 不 能 用 固定 宽度 的 方式 开发 界 
面 ， 得 用 自动 布局 (auto layout) ， 方 便 后 续 适 配 到 其 他 宽度 尺寸 。 


第 四 步 : 适 配 调试 阶段 ， 基 于 1080px 的 界面 效果 ， 分 别 向 上 、 向 下 调试 1440px 和 720px 及 以 下 的 界面 效果 。 由 此 完成 大 、 
中 、 小 三 屏 适 配 。 


Android 设 计 适 配 流程 如 图 42 所 示 。 
只 交付 一 套 设计 稿 ， 默 认 用 什么 规则 来 适 配 ? 


前 文 提 到 适 配 策 略 是 先 选择 一 种 尺寸 作为 基准 设计 尺寸 ， 然 后 通过 一 套 适 配 规 则 自动 适 配 到 其 他 尺寸 。 这 套 适 配 规 则 总 结 起 
来 就 是 : 文字 流 式 ， 控 件 弹 性 ， 图 片 等 比 缩放 ， 适 配 系数 。 


设计 输出 开发 适 配 


1440px 1440px 
一 , 
xxxhdpi 


360dp 
xxhdpi 


1080px 1080px 7120pt 
标注 图 xhdpi 





图 42 ”Android 设 计 适 配 流程 


- 文字 流 式 : 在 不 同 的 设备 上 ， 文 字 大 小 不 变 ， 文 字 显 示 的 区 域 产生 变化 。 通 常 1iDS5 的 文字 显示 区 域 更 长 ， 一 行 可 以 展示 
更 多 的 文字 ， 如 图 43 所 示 。 











图 43 ”文字 流 式 


控件 弹性 : navigation、cell、bar 等 适 配 过程 中 垂直 方向 上 高 度 不 变 、 水 平方 向 宽度 变化 时 ， 通 过 调整 元 素 间距 或 元 素 右 对 
齐 的 方式 实现 自 适应 。 这 样 屏 幕 越 大 ， 在 垂直 方向 上 可 以 显示 越 多 的 内 容 ， 发 挥 大 屏幕 的 优势 ， 如 图 44 所 示 。 


图 44 ”控件 弹性 


: 图 片 等 比 缩放 : 当 涉及 插图 、bannet 等 位 图 时 ， 这 些 图 片 在 不 同 设备 中 根据 屏幕 大 小 等 比 缩放 ， 保 证 不 变形 ， 如 图 45 所 


水 
oo 


图 45 图 片 等 比 缩放 


. 适 配 系 数 : 同 屏幕 密度 的 适 配 ， 如 6、5、4s， 用 到 前 面 3 个 规则 就 可 以 了 ; 跨 屏 幕 密度 的 适 配 ， 如 6+、6、3gs， 需 要 用 一 


个 适 配 系 数 进行 换算 以 后 再 用 前 面 3 个 规则 ， 如 图 46 所 示 。 





图 46 ” 适 配 系 数 实 例 


特殊 适 配 : 有 些 界面 通过 以 上 规则 进行 适 配 以 后 ， 可 能 并 不 能 达到 设计 师 理想 的 效果 。 这 时 候 需 要 对 这 个 页 面 做 各 个 屏幕 
的 设计 稿 ， 进 行 特殊 适 配 。 为 了 更 好 地 展示 效果 ， 工 作 量 无 疑 会 成 倍 地 增长 。 

以 支付 宝 首 页 为 例 ，90x90dp (1080px 设 备 上 像素 为 270x270px) 的 应 用 宫 格 ， 在 1080px 设 备 上 显示 一 行 4 个 ， 刚 好 充满 
屏幕 宽 。 同 样 的 宫 格 ， 放 在 480px 设 备 上 (480px 设 备 上 像素 为 135x135px) ，4 个 应 用 占据 屏幕 宽度 135x4=540px 已 经 超过 屏 
幕 尺 斗 ， 放 在 1440px 屏 幕 上 (1440px 屏 上 像素 为 315x315px) ，4 个 应 用 占 宽 315x4=1260px， 比 1440px 的 屏幕 宽度 还 小 一 
些 。 

这 种 情况 下 就 要 单独 考虑 屏幕 适 配 方案 了 ， 例 如 : 480px 屏 幕 缩小 应 用 尺寸 ， 改 为 80x80dp; 或 者 单独 提供 适合 480px 的 切 


片 ; 等 等 ， 如 图 47 所 示 。 
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妈 故 花 咽 。 。 芝麻 信用 分 。 ”淘宝 电影 彩票 


忆 四 @ 四 


蚂蚁 票 宝 红包 生 垣 蚊 费 服务 鲜 








| 口碑 外 垃 全 民 开 后 
| 9 每 天 都 有 彰 惰 惠 加 你 咏 斩 徐 付 钱 


15.8 元 起 抢 票 
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图 47 ”特殊 适 配 


第 4 节 ”控件 & 组 件 


一 致 性 的 原则 要 求 ， 系 统 中 同样 功能 的 元 素 、 控 件 、 界 面 应 该 在 样式 、 交 互 行为 上 都 保持 一 致 。 前 面 我 们 建设 了 设计 原则 和 
基础 规范 ， 从 思维 方式 和 基本 元 素 的 层面 为 一 任性 打下 了 基础 。 如 果 只 有 这 两 部 分 ， 对 于 产品 整体 的 标准 化 来 说 还 不 完整 。 因 为 
在 同样 的 设计 原则 和 基础 规范 下 ， 设 计 出 来 的 导航 栏 可 能 不 一 样 。 所 以 ， 我 们 还 要 建立 控件 以 及 组 件 的 标准 ， 整 个 规范 才能 完整 
地 上 发挥 作用 。 


那么 问题 来 了 ， 到 | 底 页 面 中 哪些 控件 应 该 是 标准 化 的 ? 哪些 组 件 应 该 是 统一 调用 的 ? 哪些 东西 是 固定 不 变 的 ? 哪些 东西 是 可 
以 变化 的 ?如 果 什么 都 固定 死 了 ， 设 计 师 还 有 发 挥 的 空间 吗 ? 


所 以 ， 定 义 好 控件 、 组 件 的 范围 ， 才 能 把 握 好 标准 化 和 创新 之 间 的 微妙 平衡 。 


哪些 元 素 可 以 定义 为 控件 ， 哪 些 页 面 可 以 统一 成 组 件 ” 如 何 界定 标准 化 和 设计 创新 的 边界 ”我 们 对 支付 宝 内 各 种 类 型 页 面 进 
行 了 拆 分 ， 以 是 否 需要 一 致 作为 标准 进行 归 类 和 整理 。 图 48 所 示 为 典型 的 页 面 拆 分 案例 。 
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图 48 ”典型 的 页 面 拆 分 案例 


通过 对 支付 宝 数 百 个 页 面 的 拆 解 和 分 析 ， 我 们 根据 页 面 元 素 的 稳定 性 ， 将 所 有 的 页 面 元 素 归纳 为 不 同 的 5 个 层级 ， 并 且 分 别 
定义 每 个 层级 的 设计 自由 度 。 如 图 49 所 示 。 





| 系统 层 : 状态 栏 、 键 盘 
框架 层 : 导航 栏 、Tab 标 签 栏 等 页 面 之 间 组 织 框架 





背景 层 : 页 面 内 容 本 身 及 其 组 织 、 展 示 的 形式 


内 容 层 : 页 面 内 容 本 身 及 其 组 织 、 展 示 的 形式 


虱 时 层 : 页 面 中 默认 隐藏 ， 需 要 时 临时 出 现 的 内 容 


系统 层 : 状态 栏 、 键 盘 


图 49 ”层级 定义 
1. 系 统 层 


系统 层 一 一 完全 调用 系统 原生 的 控件 和 组 件 ， 不 做 任何 额外 的 定义 和 设计 。 所 有 产品 和 页 面 都 应 该 是 一 致 的 ， 最 大 限度 符 
合 系统 特性 ， 随 着 系统 更 新 变化 而 变化 。 系 统 层 包括 状态 栏 、 系 统 通知 、 控 制 控 件 、 系 统 键盘 、 手 势 ， 如 图 50 所 示 。 


2. 框 架 层 





框架 层 一 一 用 于 组 织 页 面 信息 ， 并 且 起 到 导航 作用 的 控件 。 这 部 分 控件 在 符合 系统 体验 原则 的 基础 上 ， 应 该 反映 支付 宝 的 
品牌 特点 。 所 以 框架 层 需要 根据 支付 宝 自 身 的 特点 定制 和 开发 ， 但 是 它 在 支付 宝 内 部 应 该 是 一 致 的 。 这 部 分 控件 包括 导航 栏 、 
Tab 栏 、 分 段 控件 、 工 具 栏 ， 如 图 51 所 示 。 
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图 50 系统 层 定 义 示 例 
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3. 临 时 层 


临时 层 一 一 页 面 中 临时 出 现 的 浮 层 和 内 容 ， 在 调整 符合 系统 交互 特性 的 基础 上 ， 样 式 根 据 支付 宝 特点 定制 和 开发 。 支 付 宝 
内 部 需要 保持 体验 的 一 致 性 。 临 时 层 包 括 活动 视图 、 活 动 菜单 、POP 菜 单 、 弹 框 、Toast、 选 择 器 、 临 时 公告 等 。 如 图 52 所 示 。 
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图 52 临时 层 定义 示例 
4. 内 容 层 


内 容 层 一 一 页 面 中 剩 下 的 内 容 ， 跟 页 面 内 容 的 特点 相关 ， 每 个 页 面 可 能 都 不 同 ， 是 设计 师 发 挥 空间 最 大 的 部 分 。 但 是 一 些 
具有 共性 的 控件 ， 如 列表 项 、 按 钮 、 输 入 框 等 可 以 抽 离 出 来 ， 做 成 标准 化 ， 如 图 53 所 示 。 


| 

ET we "EE vee 
ET we "EE 
EE sae "EN 


恒 示 技 钥 息 于 吉 
C 笑 示 按钮 提交 本 


¢ ¢ 


市 对 重 岳 型 天 可 在 币 短 乌 次 控 包 权 示 投 秆 不 可 点 而 


造 棕 央 星 更 要 中 优先 旭 昌 于 主 生 全 的 全 动 二 全 翅 晶 于 条 术 全 为 淖 亿 成 的 ， 友 本 刚 江 他 


而 共 主 慰 面 
[ Pr 


[| 
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四 自 到 中 左 田 


世上 本 没有 路 ， 走 的 人 多 了 ， 也 便 成 了 路 。 一 一 鲁迅 





规范 如 果 没 有 人 使 用 ， 那 就 是 一 堆 文档 。 当 然 ， 为 了 保障 产品 整体 的 体验 ， 我 们 可 以 采用 行政 手段 ， 强 制 要 求 团 队 成 员 阅 读 
并 且 遵 守 规 范文 档 。 这 全 靠 每 个 人 的 记忆 力 和 自 党 性 ， 并 不 能 很 好 地 达到 我 们 想 要 的 效果 。 因 为 每 个 人 对 同一 个 东西 的 理解 和 执 
行 度 都 是 不 一 样 的 。 


强制 的 方法 不 好 ， 我 们 就 得 换 一 个 角度 ， 从 每 个 人 的 利益 出 友 ， 让 大 家 都 乐意 使 用 规范 。 这 个 利益 点 就 是 “效率 ”， 我 们 要 
让 规范 帮助 大 家 提升 工作 效率 、 沟 通 效率 。 


1. 规 范文 档 &UIKit 
怎样 的 规范 能 提升 设计 师 的 工作 效率 ， 而 不 让 他 们 党 得 这 只 是 一 种 约束 呢 ? 


考虑 到 设计 师 的 工作 特点 ,我 们 将 设计 规范 分 为 规范 文档 和 UIKit 两 部 分 输出 。 规 范文 档 是 最 全 的 文档 ， 里 面 详细 痢 述 了 设 
计 原 则 、 基 础 规范 ， 以 及 每 个 控件 的 样式 和 使 用 规则 。 这 部 分 文档 需要 设计 师 阅读 并 且 理 解 里 面 的 规则 。UIKit 则 是 控件 样式 的 
合 ， 我 们 提供 和 维护 最 新 的 样式 源 文件 。 设 计 师 在 工作 中 只 需要 复制 和 拖 动 ， 不 必 重 复 绘制 和 单独 设计 ， 节 省 了 大 家 的 时 间 。 


2. 开 发 基础 控件 库 


设计 规范 仪 仅 在 设计 师 团队 中 推广 是 不 够 的 ， 因 为 设计 最 后 的 实施 是 在 开发 环节 。 我 们 以 效率 和 成 本 作为 突破 口 ， 在 开发 团 
队 中 推广 和 执行 我 们 的 标准 化 。 开 发 人 员 每 天 加 班 写 代 码 ， 所 以 他 们 是 最 喜欢 标准 化 的 了 。 所 以 ， 建 立 开发 的 基础 控件 库 ， 让 各 
个 产品 的 开发 都 可 以 直接 调用 和 配置 参数 ， 这 是 规范 和 标准 化 执行 的 终极 环节 。 


规范 是 死 的 ， 设 计 是 活 的 。 设 计 文 档 和 标准 控件 是 死 的 ， 设 计 思 想 是 活 的 。 标 准 化 建设 的 过 程 中 一 定 要 把 握 好 这 个 平衡 ， 不 
能 让 规范 制约 了 创新 。 建 立 团队 统一 的 设计 价值 观 ， 界 定 一 个 好 的 设计 框架 ， 让 设计 师 在 一 致 的 范围 里 创造 是 设计 规范 的 价值 所 
在 。 所 以 ， 设 计 原 则 、 规 范 理论 基础 等 的 提炼 和 建设 在 规范 体系 里 应 该 得 到 我 们 的 重视 。 “ 戴 着 镀 错 跳舞 ” 讲 的 正 是 这 个 道理 。 


03 ”设计 走 查 表 


文 / 王 向 红 


在 新 项 目的 设计 过 程 中 ， 交 互 往 往 是 非常 重要 的 一 环 ， 任 何 细 节 的 偏差 都 有 可 能 造成 产品 体验 的 缺陷 。 为 规避 设计 缺陷 ， 设 
计 师 在 项 目 过 程 中 可 以 逐步 建立 设计 走 查 表 。 


设计 走 查 表 应 该 从 什么 维度 开始 建立 ? 建立 的 具体 内 容 是 什么 ? 


一 般 我 们 描述 一 个 产品 时 ， 一 定 是 将 其 放 在 一 个 场景 中 去 描述 的 ， 用 户 在 场景 中 和 产品 产生 互动 ， 互 相 影响 。 场 景 可 能 包含 
了 移动 App 使 用 的 软件 系统 、 硬 件 载体 、 移 动 环境 下 的 网 络 状 态 以 及 App 实 现 的 技术 框架 、 版 本 兼容 、 使 用 时 间 、 地 点 等 内 容 。 
这 些 场 景 中 遇 到 的 问题 是 我 们 设计 走 查 表 里 的 核心 骨架 。 如 图 1 所 示 ，App 在 各 种 场景 下 都 有 交互 行为 发 生 ， 而 我 们 则 保证 它 能 


够 完善 地 运行 ， 使 用 户 产生 信任 和 安全 感 。 


下 面 我 们 将 从 用 户 使 用 移动 设备 的 硬件 特性 、 软 件 特性 、 网 络 特性 ， 以 及 有 具体 的 用 户 界 面 内 页 面 状态 、 页 面 流 程 完整 性 及 消 
息 通知 ， 及 涉及 设计 细节 、 与 时 间 / 数 字 相 关 性 问题 来 阐述 如 何 建立 设计 走 查 表 。 





App 人 环境 
硬件 设备 时 间 ] 网 络 环境 
软件 支持 地 点 使 用 环境 
兼容 性 环境 
图 1 设计 走 查 表 相关 因素 


第 1 节 硬件 特性 


硬件 特性 从 制定 适 配 原则 、 账 户 在 设备 上 的 切换 、 横 竖 屏 显示 效果 等 方面 来 描述 ， 看 看 在 设计 前 期 我 们 需要 注意 哪些 问题 。 


1. 制 定 适 配 原 则 
任何 产品 都 会 涉及 适 配 问题 。 首 先是 制订 native 适 配方 案 ， 如 显示 的 文字 或 图 片 的 适 配 。 


1) 数量 不 变 进 行 同比 放大 适 配 ， 如 图 2 所 示 ， 支 付 宝 首 页 适 配 的 时 候 就 是 进行 同比 放大 ， 一 行 数量 不 变 。 
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图 2 支付宝 首页 


2) 同行 数量 增多 ， 图 片 字号 大 小 不 变 。 


3) 避免 不 规则 背景 。 在 图 片 的 适 配 过 程 中 ， 若 图 片 底部 有 不 规则 花纹 ， 如 图 3 所 示 ， 因 为 要 切 一 张大 图 ， 则 可 能 会 使 红包 
增 大 ， 用 户 打开 加 载 时 也 会 增加 流量 的 耗费 。 





图 3 避免 不 规则 背景 


4) 不 同 设备 适 配 时 人 遮挡。 通常 ， 操 作 时 的 适 配 问题 容易 被 忽略 。 页 面 显 示 的 内 容 在 唤起 键盘 时 是 否 有 遮挡 的 问题 ， 怎 样 解 
决 遮 挡 问题 ?如 图 4 所 示 ， 在 iPhone4/4s 上 ， 无 论坛 样 进行 适 配 ， 由 于 页 面 承 载 的 信息 过 多 ， 下 面 的 支付 渠道 (用 黄色 框框 住 的 
地 方 ) 仍然 显示 不 全 。 但 在 iPhone5/5s、iphone6/6plus 上 则 可 以 通过 调整 间距 使 内 容 显 示 完 整 。 


嘲 | 重量 a 上 年 日: 之 有 


乱 到 交付 至 账 己 












图 4 不 同 设备 适 配 时 遮挡 


2. 账 户 在 设备 上 的 切换 
(1) 同一 设备 ， 不 同 账户 切换 


切换 的 新 账户 若 曾经 在 本 设备 上 登录 过 ， 则 帮助 用 户 加 载 展示 客户 端 存储 的 本 地 内 容 ， 并 且 标 记 用 户 未 处 理 的 新 信息 。 在 加 
载 的 过 程 中 给 出 明确 的 加 载 状态 、 内 容 展示 。 


(2) 不 同 设备 ， 同 一 账户 iOS 切 换 


同一 个 账户 在 不 同 设备 上 登录 时 ， 先 确定 该 账户 是 否 支持 多 设备 同时 登录 (多 点 登录 ) ; 如 只 支持 单 点 登录 ， 则 在 登录 B 设 
备 时 ，A 设 备 的 账户 自动 被 挤 下 线 ( 单 点 登录 的 安全 限制 ) ， 并 提示 用 户 ， 设 备 是 在 何 时 何 地 登录 的 ， 所 以 退出 了 当前 的 登录 状 
态 ， 图 5 所 示 为 支付 宝 账户 在 其 他 设备 上 登录 时 出 现 的 提示 。 


苑 询 去 付 宝 账 户 于 2016-04=20 15:16:45 

在 设备 “HTC" 登录 , 如 非 本 .人 操作 , 登录 

密码 可 能 已 泄露 ， 请 超 改 密码 ， 建 议 密 码 
与 怀 的 其 他 网 站 密码 趟 同 。 


确定 








图 5 登录 提示 


若 支持 多 点 登录 ， 则 注意 内 容 的 同步 ， 且 内 容 被 操作 后 的 状态 也 需要 同步 到 各 个 设备 上 。 特 别 是 同时 登录 时 push 通 知 下 发 
及 同步 ， 不 能 让 用 户 操作 重复 阅读 的 工作 。 


如 果 设 计 的 产品 与 优惠 、 红 包 等 相关 ， 则 要 判断 设备 I/D， 人 避免 用 户 刷 优惠 或 红包 ， 对 产品 或 活动 造成 影响 。 
3. 横 坚 屏 显示 效果 


应 用 是 否 支持 横竖 屏 显示 先 确定 ， 如 果 不 支持 则 锁定 竖 向 或 横向 的 单一 方向 。 如 果 支 持 则 要 在 设计 的 过 程 中 考虑 竖 屏 和 横 屏 
两 种 模式 下 的 显示 效果 。 图 6 所 示 为 下 厨房 的 横竖 屏 切换 ， 做 得 比较 出 色 。 


“ree 中国 记 倍 字 上 10:30 70 和 FT 
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打 至 湿性 发 泡 了 ， 提 起 打 蛋 器 可 以 出 现 弯 曲 的 角 ， 继 续 打 





打 至 湿性 发 泡 了 ， 提 起 打 重 器 可 以 出 现 弯曲 的 角 ， 
潍 强 打 














图 6 ”下 厨房 的 横竖 屏 切 换 


第 2 节 ”软件 特性 

软件 系统 本 身 是 很 复杂 的 ， 设 计 师 需 要 掌握 一 些 与 设计 相关 的 软件 特性 来 帮助 设计 ， 如 操作 系统 特性 、 制 定 多 平台 的 设计 规 
范 、 版 本 兼容 。 

1 操作 系统 特性 


在 进行 新 产品 规划 初期 ， 需 要 确定 新 产品 覆盖 的 系统 及 系统 版 本 号 。 如 iOs 系 统 支 持 很 多 手势 操作 ， 故 iPhone 的 用 户 更 容易 
接受 手势 操作 。 而 Android 因 为 硬件 设备 的 差异 比较 大 ， 对 手势 的 支持 也 有 较 大 的 差异 ， 因 此 较为 隐藏 的 手势 操作 不 适合 使 用 。 


2. 制 定 多 平台 的 设计 规范 


系统 是 不 断 更 新 和 进步 的 ， 一 个 产品 如 果 是 多 平台 设计 ， 需 要 制定 平台 规范 。 比 如 统一 的 表单 操作 、 选 项 卡 、 浮 层 提示 、 加 
载 、 刷 新 等 ， 这 些 组 控件 的 统一 ， 可 以 有 效 地 提高 产品 优化 的 效率 ， 降 低 开 发 成 本 ， 同 时 能 保证 用 户 体验 的 一 致 性 。 图 7 所 示 为 
支付 宝 制定 的 标签 统一 规范 。 


单行 袁 半 类 充 棕 


标签 文本 


选中 标签 


选中 标签 。 


标签 文本 


点 击 状态 


开关 标签 


开关 标签 


辅 巾 说 图 讽 雷 





图 7 标签 统一 规范 
3. 版 本 兼容 
(1) 版 本 覆盖 时 间 


新 版 本 上 线 后 要 确认 一 下 版 本 在 多 久 的 时 间 范 围 内 可 以 覆盖 80% 以 上 的 用 户 。 当 新 版 本 的 某 些 功 能 要 配合 H5 活 动 时 ， 这 个 
时 间 显 得 尤为 重要 。 如 果 版 本 没有 发 布 ， 而 活动 的 时 间 已 经 迫在眉睫 ， 那 这 个 活动 可 能 将 会 面临 失败 。 在 跨 部 门 合作 过 程 中 ， 可 
能 因为 沟通 不 到 位 产生 这 样 的 结果 。 因 此 当 有 大 型 活动 进行 时 ， 需 要 全 力 去 配合 。 


(2) 更 新 提示 强 弱 


一 般 来 说 ， 用 户 可 以 选择 不 去 更 新 版 本 继续 使 用 ， 但 是 当 App 产 生 较 大 BUG 或 存在 安全 隐患 时 ， 可 通过 不 可 取消 更 新 进行 
强制 升级 。 


(3) 兼容 性 展示 


新 版 本 的 内 容 是 可 以 展示 在 旧版 本 上 的 。 图 8 所 示 的 支付 宝 9.0 版 本 ， 用 户 不 更 新 就 不 能 使 用 支付 宝 2016 年 新 春 红包 功 能 ， 
但 是 用 户 在 低 版 本 客户 端的 会 话 页 面 仍然 能 收 到 会 话 消息 提示 ， 点 击 此 消息 ， 可 以 有 效 地 引导 用 户 更 新 App。 更 新 后 可 查看 来 往 
的 具体 会 话 内 容 。 





| 
[EE 时 





哈 你 长 了 一 条 油 自 ， 当 前 版 让 过 上 性 
暂时 无 法 查看 


| 二 博 使 芽 新 陡 圳 户 廊 宣 看 





界 你 县 了 一 菏 消 四 ， 当 阐 棣 本 过 到 
御 时 无 法 查看 


| 加 请 勾 节 奢 随 高 户 赃 三 看 | 

















图 8 内 容 兼 容 展 示 


第 3 节 网络 特性 

网 络 环境 对 移动 应 用 设计 有 较 大 的 影响 ， 如 快速 启动 、 合 理 缓存 、 弱 网 环境 、 中 断 / 超 时 ， 都 与 网 络 状态 密 不 可 分 。 通 过 设 
计策 略 可 以 避免 网 络 环境 的 各 种 状态 对 用 户 体验 造成 的 影响 。 

1. 快 速 启动 

应 用 在 启动 时 需要 一 个 加 载 时 间 ， 为 避免 用 户 在 等 待 时 间 感 到 枯燥 、 乏 味 ， 可 采用 以 下 3 种 方式 。 

(1) 让 用 户 感知 到 应 用 的 启动 速度 比较 快 


使 用 一 张 与 应 用 相同 的 图 片 ， 在 用 户 点 击 应 用 时 ， 这 张 图 片 就 显示 出 来 ， 用 户 会 认为 这 个 时 候 应 用 已 启动 ， 虽 然 用 户 会 在 启 
动 页 面 停留 几 秒 ， 但 是 会 党 得 应 用 加 载 速度 比较 快 。 


(2) 作为 一 个 产品 品牌 展示 区 
启动 页 面 展示 的 是 产品 的 广告 语 ， 如 支付 宝 的 “我 有 我 的 方式 ”或 者 如 犀牛 的 故事 “犀牛 故事 ， 在 故事 里 相遇 ”。 
(3) 作为 一 个 广告 展示 区 


启动 页 面 可 以 是 产品 代言 人 或 者 某 个 时 间 段 的 活动 。 如 手机 淘宝 就 经 常会 有 这 样 的 启动 页 面 。 


2. 合 理 缓 存 


页 面 合 理 缓存 可 以 让 用 户 感受 到 应 用 的 速度 更 快 ， 不 浪费 流量 。 但 是 缓存 不 能 过 量 ， 不 能 任何 页 面 内 容 都 做 缓存 ， 那 哪些 页 
面 需要 做 缓存 呢 ? 一 般 应 用 首页 有 比较 固定 的 内 容 时 需要 做 缓存 或 已 有 内 容 的 页 面 不 需要 全 页 面 加载 ， 可 以 先 展示 较 旧 的 内 容 然 
后 加 载 出 较 新 的 内 容 。 相 比 每 次 进入 都 重新 加 载 ， 缓 存 会 让 用 户 有 更 好 的 体验 。 


3. 弱 网 环境 
(1) 弱 网 环境 下 加 载 失 败 


网 络 环境 不 稳定 容易 导致 加 载 失败 ， 加 载 时 间 控 制 在 8 秒 内 (8 秒 是 用 户 最 长 的 等 待 时 间 ， 用 户 在 等 待 8 秒 左右 时 开始 感到 不 
耐烦 并 且 想 离开 当前 页 面 ) ， 并 且 尽 可 能 地 采用 有 趣 的 加 载 来 降低 用 户 的 等 待 时 间 ， 加 载 失败 后 ， 要 给 予 用 户 重 试 的 机 会 ， 并 且 
告知 加 载 失败 的 原因 。 


(2) 弱 网 环境 下 内 容 展示 不 全 


弱 网 环境 下 可 能 只 能 显示 部 分 内 容 ， 经 常 遇 到 的 情况 是 文字 内 容 显示 ， 而 图 片 无 法 加 载 出 来 ， 只 出 现 占 位 图 或 者 是 空白 图 
片 ， 图 9 所 示 为 2016 年 新 春 红包 出 现 的 占 位 图 。 


图 9 ” 占 位 图 





如 果 网 络 环境 不 稳定 或 者 断 网 ， 但 用 户 需 要 将 内 容 发 布 出 去 ， 可 以 支持 用 户 本 地 发 出 去 ， 本 地 可 见 。 当 有 网 络 请 求 时 ， 再 将 
内 容 上 传 到 服务 端 ， 并 且 让 其 他 用 户 可 见 。 这 样 可 以 有 效 提升 用 户 体验 ， 让 用 户 不 受 网 络 环境 的 限制 。 如 美 拍 可 以 在 断 网 的 环境 
下 缓存 视频 ， 当 有 网 络 时 可 以 手动 将 视频 上 传 上 去 。 图 10 所 示 为 Facebook 自 动 检测 网 络 ， 有 网 络 后 立即 上 传 失 败 内容 的 设计 。 








Ee Lu Yuan 淹 加 了 4 张 新 弹片 6 峰 通 试 龙 由 


我 其 实 并 不 央 .. 只 是 受 咯 太阳 局 : 直 王 赂 红 od Fi 





图 10 ”Facebook 上 传 失败 内 容 


4. 中 断 、 超 时 


在 网 络 中 断 时 ， 帮 助 用 户 保存 当前 的 输入 内 容 或 者 浏览 内 容 ， 当 重新 连接 到 网 络 时 用 户 可 以 继续 当前 的 任务 。 若 超时 则 给 
户 提示 ， 让 用 户 停止 等 待 ， 重 新 请 求 网 络 或 退出 。 


第 4 节 页面 状态 


可 以 用 生命 周期 来 描述 一 个 页 面 的 状态 。 用 户 进入 这 个 页 面 ， 首 先 会 看 到 页 面 的 初始 化 ; 阅读 内 容 的 过 程 中 会 涉及 页 面 的 刷 
新 、 加 载 ; 当 同 时 访问 页 面 的 用 户 数量 过 多 时 ， 页 面 内 容 会 被 限 流 ， 用 户 会 在 不 同 的 时 间 进 入 页 面 查看 内 容 ; 当前 页 面 内容 可 能 
过 了 某 个 时 间 节 点 会 失效 ， 用 户 不 能 再 访问 ; 当 一 个 新 用 户 进入 这 个 页 面 ， 可 能 当前 的 页 面 内 容 为 空 。 页 面 的 这 些 状 态 需要 设计 
师 提前 考虑 并 提出 解决 方案 。 


1. 页 面 初始 化 


局 动 应 用 进入 首页 时 ， 可 以 在 启动 过 程 中 预 加 载 首 页 内 容 ， 让 用 户 快 速 进入 且 有 内 容 可 预览 。 页 面 初始 化 需要 配合 加 载 策略 


进行 。 
2. 页 面 刷 新 


通过 刷新 可 以 更 新 当前 页 面 的 数据 。 一 般 情况 下 采用 用 户 手动 下 拉 刷 新 ， 下 拉 刷 新 不 需要 对 整体 页 面 进行 刷新 ， 只 需要 拉 取 
最 新 的 状态 ， 显 示 出 来 即 可 。 但 是 如 果 当 前 页 面 涉及 一 些 数字 的 提醒 或 通知 ， 则 不 需要 刷新 也 可 以 展示 给 用 户 ， 当 用 户 点 击 查看 


时 触发 刷新 ， 则 将 页 面 内 容 更 新 到 最 新 的 状态 。 
3. 页 面 加 载 
(1) 分 步 加 载 


分 步 加 载 是 全 页 面 加 载 的 一 种 方式 ， 为 了 尽快 地 显示 页 面 内 容 ， 可 先 加 载 文 字 内 容 ， 再 加 载 图 片 等 内 容 。 让 用 户 在 网 速 不 够 
快 的 情况 下 可 以 尽快 预览 到 内 容 。 这 种 加 载 方式 通常 应 用 在 用 户 首次 进入 页 面 时 。 


(2) 懒 加 载 


懒 加 载 也 称 为 延迟 加 载 ， 即 在 需要 的 时 候 才 加 载 ， 这 种 加 载 效 率 低 ， 但 占用 内 存 小 。 一 般 在 页 面 浏览 过 程 中 加 载 新 内 容 时 采 
用 这 种 方式 进行 加 载 。 


(3) 智能 加 载 


第 一 种 策略 是 在 产品 中 增加 网 络 判断 的 机 制 ， 如 果 在 弱 网 环境 下 ， 提 前 压缩 图 片 并 显示 小 图 片 ， 使 其 能 尽量 展示 预览 出 的 内 
容 ， 点 击 小 图 ， 可 查看 大 图 。 最 好 是 可 以 让 用 户 点 击 未 加 载 的 内 容 后 继续 加 载 ， 不 需要 重新 刷新 页 面 (只 针对 客户 端 页 面 ) 。 第 
二 种 策略 是 降低 图 片 视 频 质 量 ， 点 击 后 可 以 加 载 高 清 图 片 或 者 点 击 播放 视频 选择 高 清 模式 。 而 在 网 络 环境 不 佳 的 情况 下 ， 则 默认 
帮助 用 户 降低 质量 ， 减 少 流量 的 耗损 。 


4 .页 面 内 容 被 限 流 


一 般 产 品 页 面 是 不 会 遇 到 限 流 的 问题 的 ， 只 有 在 活动 页 面 可 能 因为 访问 量 太 大 而 遇 到 限 流 。 如 在 支付 宝 的 春晚 发 红包 过 程 
中 ， 预 测 到 活动 中 人 流量 会 比较 大 ， 我 们 提前 设计 了 限 流 页 面 ， 让 用 户 有 较 好 的 体验 。 


5. 页 面 内 容 为 空 


一 般 与 用 户 相关 的 页 面 可 能 为 空 ， 如 我 的 动态 、 评 论 等 。 这 些 页 面 为 空 时 不 能 不 显示 ， 但 可 以 在 显示 上 用 调皮 一 点 的 文案 避 
免 空 页 面 显得 过 于 枯燥 。 


6 .页 面 内 容 失效 


一 般 固 定 入 口 不 会 有 页 面 失效 的 状态 。 非 固定 入 口 的 页 面 失效 后 ， 可 以 将 入 口 下 掉 或 者 在 用 户 进入 后 重新 刷新 出 可 用 内 容 。 
页 面 内 也 需要 考虑 信息 的 时 效 性 、 延 时 、 过 期 等 问题 。 


第 5 节 ”页 面 流 程 完整 性 

除了 用 抽象 的 流程 图 来 确保 流程 的 完整 性 ， 设 计 师 还 可 以 通过 快速 回 到 首页 /主要 页 面 、 让 用 户 始终 知道 自己 在 哪儿 、 返 回 
到 原来 的 浏览 位 置 、 任 务 完成 后 跳 转 这 几 项 设计 原则 来 确保 完整 性 上 的 体验 。 

(1) 快速 回 到 首页 /主要 页 面 


用 户 不 管 在 应 用 的 什么 地 方 ， 都 可 以 快速 返回 到 首页 /主要 页 面 。 这 要 求 我 们 在 搭建 整体 信息 架构 的 时 候 ， 结 构 足 够 扁平 。 
并 且 所 有 的 页 面 流程 都 必须 形成 一 个 有 效 的 闭环 。 


(2) 让 用 户 始终 知道 自己 在 哪儿 


. 通过 页 面 标题 来 让 用 户 确认 当前 的 位 置 。 


: 通过 页 面 之 间 跳 转 的 转 场 动 效 让 用 户 确认 当前 的 位 置 。 


" 用 户 可 以 沿 原 路 返回 。 
明确 任何 一 个 可 点 击 的 去 向 ， 且 去 向 是 可 返回 的 。 问题 连带 定位 ， 从 哪里 去 返回 到 哪里 。 特 殊 路 径 需要 定制 ， 可 能 会 
现 连 跳 几 个 页 面 的 情况 ， 在 验收 过 程 中 需要 重点 注意 。 


. 任务 成 功 后 ， 页 面 跳 转 后 可 返回 到 来 源 页 面 。 


: 任务 失败 后 ， 需 提示 当前 状态 ， 并 引导 用 户 如 何 查 看 最 新 的 状态 。 在 有 新 结果 时 ， 通 知 用 户 。 


根据 消息 的 强 弱 进 行 消息 通知 的 设计 。 


强 消息 通知 ， 可 以 使 用 客户 端 推 送 ， 用 户 可 以 在 手机 屏幕 或 者 手机 的 通知 栏 预览 到 内 容 。 用 户 可 以 通过 通知 的 新 消息 直达 到 
详情 页 面 或 通知 列表 。 用 户 未 读 的 信息 可 以 标记 出 未 读数 字 ， 如 图 11 中 的 消息 Push 通知 。 


-= 全 二 二 
es 


的 = 已 网 于 tt 律 码 填 可 | 。 





是 一 个 奸 洁 的 圣 殷 | 嘿嘿 咽 }: 好 了 


记忆 ! 喧 啤 咽 [图 片 ] 


Qn 
tbfal 跟 史上 器 上 二 刻 图 小包 种 


Qn 
;【 听 咽 咽 j:[ 图 片 ] 


图 11 消息 push 通 知 


弱 消 息 通知 ， 可 以 在 用 户 打 开 应 用 后 ， 在 内 容 层 上 统一 提示 ， 告 诉 共有 x x 条 新 消息 。 点 击 后 可 查看 所 有 消息 内 容 ， 如 图 12 
中 的 页 面 消息 通知 。 
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1 si 
图 12 ”页面 消息 通知 


设计 细节 有 非常 多 的 点 ， 比 较 通用 的 细节 有 : 点 击 状态 、 发 送 状态 、 和 输入、 反馈、 音效 。 设 计 师 可 以 根据 自己 的 需求 来 制定 
细节 的 走 查 。 


1. 点 击 状态 
按钮 点 击 状态 包括 开始 、 结 束 、 不 可 点 、 失 效 、 已 领 完 、 已 过 期 等 。 
2. 发 送 状态 


发 送 状态 分 两 种 : 一 是 发 送 后 需要 较 长 时 间 返 回 结果 的 ， 此 时 发 送 后 直接 到 结果 页 面 ， 结 果 页 面 上 显示 当前 进度 和 最 终结 果 
及 其 时 间 ; 二 是 发 送 后 较 短 时 间 就 返回 结果 的 ， 此 时 发 送 后 到 过 渡 页 面 ， 有 几 秒 的 等 待 时 间 ， 然 后 跳 转 到 最 终结 果 页 面 。 


3. 输 入 
(1) 减少 输入 


在 移动 端 输入 的 成 本 比较 高 ， 设 计 师 可 以 通过 表单 、 选 项 卡 、 默 认 填 入 值 来 减少 输入 。 在 社交 会 话 中 则 可 以 通过 更 多 的 语 
音 、 图 片 、 视 频 来 减少 输入 ， 让 用 户 沟通 得 更 轻松 。 


(2) 输入 限制 


在 内 容 不 确定 多 嘉 的 输入 框 内 ， 可 以 采用 瞳 文 或 数字 的 方式 来 帮助 用 户 确认 当前 的 输入 内 容 有 没有 超过 限制 。 输 入 的 内 容 一 
定 要 做 长 度 限 制 ， 因 为 不 只 是 在 输入 过 程 中 会 遇 到 显示 的 问题 ， 在 发 布 后 也 会 有 显示 问题 。 


(3) 中 断 时 保存 内 容 


移动 环境 不 稳定 ， 经 常会 出 现 中 断 退出 的 情况 。 当 遇 到 异常 情况 时 ， 可 以 保存 用 户 在 中 断 前 输入 的 内 容 ， 待 环境 稳定 后 用 户 
可 以 继续 操作 。 


4 .反馈 
(1) 即时 反馈 


当 用 户 操作 后 ， 若 有 需要 反馈 的 信息 ， 在 操作 后 立刻 给 出 ， 反 馈 的 区 域 不 能 距 用 户 的 操作 区 域 太 远 ， 否 则 就 会 被 忽略 。 如 果 
是 非 阻塞 式 的 反馈 ， 那 反馈 的 方式 要 轻 ， 不 要 因 反 馈 而 干扰 用 户 当前 的 任务 ， 对 用 户 造成 困扰 。 


(2) 反馈 效果 


所 有 的 点 击 都 要 有 明确 的 反馈 状态 ， 点 击 后 会 出 现 一 系列 的 状态 变化 。 如 有 的 按钮 只 可 以 被 点 击 一 次 ， 用 户 点 击 后 首先 按钮 
状态 会 改变 ， 其 次 会 产生 一 个 与 点 击 相关 的 操作 结果 反馈 。 


5. 谋 交 


应 用 音效 需要 考虑 其 大 小 ， 配 合 操作 使 用 时 是 否 有 延迟 。 特 别 需要 考虑 用 户 当前 的 使 用 场景 出 现 声音 是 否 合适 。 


第 8 节 ”与 时 间 、 数 字 相 关 性 问题 


1. 时 间 
(1) 制定 时 间 规 范 


根据 产品 设计 需求 ， 在 前 期 根据 场景 规划 时 间 显示 规则 ， 如 格式 是 “2016-3-16” 还 是 “2016/03/16” 等 。 用 在 列表 页 
面 、 详 情 页 面 还 是 会 话 页 面 都 要 提前 规范 好 。 


(2) 不 同 场景 下 时 间 格 式 的 选择 


用 户 对 于 时 间 的 感知 根据 场景 的 不 同 会 有 很 大 的 差异 。 从 我 们 的 对 话 中 就 可 以 感受 到 ， 平 时 间 “ 什 么 时 候 开 周 会 ”， 会 回 
答 “ 周 三 ”。 但 是 如 果 问 “什么 时 候 提 交 报 告 ”， 会 回答 “3 月 20 日 ”。 从 对 话 的 场景 中 可 以 看 出 我 们 对 时 间 维 度 的 区 分 。 因 此 
在 对 时 间 进 行 设 计时 ， 一 定 是 根据 使 用 场景 来 进行 时 间 的 设计 。 图 13 所 示 为 时 间 规则 。 


时 间 格 式 会 话 列表 (Ancroid] 会 话 列表 (iOS5)] 会 活 详情 应 用 详情 账单 列表 账单 详情 
今天 (12h) 下 午 1:00 下 午 1:00 下 午 1:00 ! 1 
今天 (24h) 13:00 13:00 13:00 今天 13:00 今天 13:00 2015-04-30 01:00 
诈 天 (12h) 昨天 娠 天 诈 天 下 午 1:00 / / 1 
绅 天 (24h) 昨天 昨天 昨天 13;00 镍 天 13:00 昨天 2015-04-29 13;00 
一 向 内 (人 12) 星期 X 星期 X 星期 X 1:00 / / / 
一 周 内 {24h) 中 期 X 星期 X 星期 X 13:00 / 1 / 
更 早 [12h) 4 局 26 日 15/4/28 4 月 28 日 1:00 1/ 1 | 
更 早 [24h} 4 同 26 日 15/4/28 4 月 28 日 13:00 04-28 13:00 04-28 2015-04-28 13:00 
跨 年 (12h) 2014 年 12 月 30 日 14/12/30 2014 年 12 月 30 目 1:00 / / / 
先 年 (24h) 2014 年 12 月 30 日 14112/30 2014 年 12 月 30 日 13:00 2014-12-30 13:00 12-30 2014-12-30 13:00 


时 间 段 : 上 午 6 点 到 11 点 59 分 ， 下 午 12 点 到 6 点 59 分 ， 晚上 7 点 到 11 点 59 分 ， 凌 晨 0 点 到 5 点 59 分 
时间 段 前 纹 : 12 小 时 制 显示 晚上 7:00;”24 小 时 制 显示 19;00 


图 13 ”时 间 规 则 


(3) 有 效 / 失效 时 间 


消息 、 卡 券 、 红 包 等 都 会 有 时 效 性 ， 有 的 时 效 对 用 户 来 说 是 有 生效 期 的 ， 与 生效 期 相对 的 是 失效 期 。 内 容 失效 后 需要 处 理 ， 


可 能 由 清除 或 者 其 他 功能 来 支持 。 有 的 内 容 是 没有 生效 期 的 ， 但 是 它 会 变 成 历史 内 容 ， 历 史 内 容 与 现 有 的 内 容 需 要 进行 一 定 的 区 
分 。 


2 数量 

规范 数量 规则 时 ， 需 考虑 以 下 问题 : 
.是否 为 零 ， 为 零 时 应 该 显示 还 是 隐藏 ? 
-刷新 是 否 影响 数字 变化 ? 


- 数字 是 否 会 减少 ， 当 数字 减少 为 零 时 是 否 有 反馈 或 界面 变化 ? 


了 


本 章 总 结 的 只 是 部 分 内 容 ， 在 设计 过 程 中 还 有 很 多 的 细节 需要 设计 师 考 虑 ， 并 纳入 设计 走 查 表 中 。 设 计 走 查 表 不 仅 能 帮助 设 
计 师 本 身 ， 还 可 以 帮助 与 设计 师 一 起 工作 的 项 目 伙 伴 ， 在 项 目 进行 前 期 ， 交 互 设计 师 在 参与 需求 策划 讨论 时 就 可 以 与 项 目 组 的 同 





查 表 可 以 有 效 地 进行 设计 验收 。 


事 一 起 阅读 设计 走 查 表 ， 并 制定 项 目 在 执行 层面 的 规范 ， 可 以 保证 多 项 目 并行 时 调用 相同 组 件 的 一 致 性 ; 在 项 目 结束 后 ， 设 计 走 


图 14~ 图 16 是 3 个 案例 ， 表 内 的 内 容 不 仅 可 以 帮助 开发 梳理 各 种 状态 ， 还 可 以 在 后 期 给 大 家 提供 验收 的 依据 ， 不 会 遗漏 任何 


细节 和 状态 。 


具体 内 个 


背景 图 是 否 可 以 平 铺 
红包 图 片 按 照 放大 缩小 适 配 


Android 


红包 上 文字 按照 限制 边界 距离 适 配 ， 字 体 大 小 变化 


增加 央视 /支付 宝 水 印 时 是 否 有 遮挡 问题 
同 账户 切换 设备 时 红包 个 数 是 否 同步 


同 账户 合成 动画 在 一 个 设备 上 播放 后 ， 切 换 设备 则 不 再 播放 


同 账户 用 户 领取 红包 个 数 是 否 超 限 


红包 出 现 的 效果 
红包 打开 的 动画 效果 
规范 


版 本 兼容 红包 落 到 低 版 本 会 话 页 面 ， 显 示 气 泡 
版 本 兼容 红包 分 享 到 生活 圈 ， 显 示 内 容 


春节 启动 页 面 ， 增 加 氛围 
红包 加 载 占 位 图 
加 载 失败 


页 面 状态 交互 形式 
首次 进入 引导 
预 热 结束 ， 红 包 预 告 


弹 层 


弹 层 一 一 有 红包 
弹 层 一 一 无 红包 


下 一 轮 开 始 前 听 听 


从 小 到 大 渐变 
直接 切换 页 面 
遵循 钱包 规范 





图 14 框架 案例 


点 击 搜 红 包 二 小 手 
第 一 波 红 包 xx 时 间 开 抢 
共有 xxxx 个 红包 


距离 抢 红包 xx 时 间 

共有 xxxx 个 红包 

本 轮 还 有 yyy 个 红包 

本 轮 还 有 yyy 个 红包 

姿势 很 重要 ， 哟 哟 切 克 亲 (文案 反馈 ) 


彩蛋 / 福 卡 /红包 


可 查看 红包 结果 


本 轮 红 包 己 抢 完 
下 一 轮 21:30 开 始 


第 二 波 红 包 xx 时 间 开 抢 
共有 xxxx 个 红包 


彩蛋 / 福 卡 /红包 
文案 反馈 


图 15 页面 状 态 案 例 


从 小 到 大 渐变 
翻转 
遵循 钱包 规范 











D| 仇 骨 文 茶 凤 0 iid 定 三 宽 角 文案 反 突 











经 费 寿 一 一 card 已 发 出 页 面 系统 消息 通知 许 尼 德 : 发 起 了 收 经 费 许 中 德 : 发 起 了 收 经 费 
push 通 知 
经 费 群 一 一 交 经 费 页 面 系统 消息 通知 许 玫 德 已 交 100.00 元 经 费 许 尼 德 已 交 100.00 元 经 费 
push 通 知 
经 费 群 一 一 更 改 为 无 需 付款 页 面 系统 消息 通知 李 广 亮 将 你 更 改 为 “无 需 付 球 ? 李 广 亮 将 许 尼 德 更 改 为 “无 需 付 款 ” | 
经 费 群 一 一 标记 为 已 付款 页 面 系统 消息 通知 李 广 亮 将 你 标记 为 “已 付款 ?” 李 广 亮 将 许 尼 德 标记 为 “已 付款 ” 
经 费 群 一 一 记 一 笔 页 面 系 统 消息 通知 李 广 亮 记 了 一 笔 100.00 元 的 支出 李 广 亮 记 了 一 笔 100.00 元 的 支出 
| 经 费 群 一 一 利 除 一 笔 页 面 系统 消息 通知 李 广 党 删 除了 一 笔 100.00 元 的 经 费 支 出 李 广 这 删除 了 一 笔 100.00 元 的 经 费 支出 
经 费 群 一 一 移交 群 主权 限 页 面 系统 消息 通知 李 广 亮 将 群 主权 限 移交 给 你 李 广 迹 将 群 主权 限 移交 给 许 尼 德 
| 经费 群 一 一 修改 入 和 群 条 件 页 面 系统 消息 通知 李 广 亮 将 入 和 群 条 件 更 改 为 100.00 元 李 广 亮 将 入 群 条 件 更 改 为 100.00 元 





图 16 ”消息 通知 案例 


04 图标 设计 与 验证 
文 /杨波 、 方 芳 


第 1 节 ”图 标 设计 四 部 曲 


图 标 设计 前 期 需要 准备 什么 ” 当 我 们 接 到 设计 需求 任务 后 ， 我 们 怎么 开始 设计 图 标 呢 ? 首先 要 列 一 个 简单 的 表格 ， 写 下 每 一 
个 图 标的 关键 词 重点 释义 ， 结 合 图 标的 功能 ， 用 线条 勾勒 出 具有 代表 性 的 轮廓 图 形 。 也 可 以 在 纸 上 大 概 画 一 下 ， 形 状 轮廓 可 以 借 
用 现实 生活 中 的 物品 。 要 让 人 一 有 眼 就 能 看 懂 它 的 功能 。 


接 下 来 我 们 要 梳理 图 标 对 应 的 界面 需求 ， 图 标 设计 只 是 设计 阶段 的 第 一 步 ， 我 们 要 整体 考虑 它 的 应 用 性 在 界面 中 的 风格 。 


图 标 设计 步骤 如 图 1 所 示 。 
U 


A 
三 Ca 


构思 方向 设计 造型 风格 定位 细节 整合 
图 1 图标 设计 步 又 
1. 构 思 方 向 


首先 从 “图 标 ” 二 字 着 手 。 从 字面 上 理解 ， 图 标 指 “ 图 ” (图 形 、 图 像 ) + “ 标 ”。 设 计 师 应 提炼 主题 关键 词 ， 通 常 在 绘制 
图 标的 时 候 ， 需 要 先 根据 该 图 标 要 表达 的 含义 进行 脑 暴 、 找 到 相应 的 参照 物 来 衍生 出 关键 词 ， 再 根据 关键 词 找到 更 多 的 参照 物 来 
进行 绘制 ， 当 然 也 需要 整体 考虑 界面 的 质感 、 色 系 、 视 觉 效果 等 ， 考 虑 图 标的 主要 设计 方向 风格 ， 勾 勒 出 一 个 基本 轮廓 的 图 形 。 


2. 设 计 造 型 


图 标 造 型 形态 可 分 为 以 下 几 种 。 
(1) 空间 维度 


二 维 图 标 最 为 常见 ， 目 前 大 多 数 手 机 系统 采用 的 都 是 这 种 图 标 ， 它 又 可 细 分 为 单 色 简单 型 图 标 和 256 色 以 上 的 复杂 型 图 标 。 
随 着 手机 软 硬 件 的 发 展 ，256 色 以 上 的 复杂 型 图 标 曾 一 度 成 为 主流 ， 但 是 单 色 简单 型 图 标 在 手机 图 形 界面 上 的 广泛 应 用 也 越 来 越 


明显 。 


三 维 图 标 在 形式 上 与 二 维 图 标 相同 ， 只 是 在 视觉 上 ， 通 过 对 图 标 增加 阴影 、 透 视 等 效果 ， 使 图 标 在 视觉 上 有 一 定 的 立体 感 、 
三 维 感 、 真 实感 。 三 维 空间 图 标 与 二 维 图 标的 不 同 之 处 在 于 ， 它 不 仅 有 水 平和 竖 直方 向 上 的 属性 ， 还 具有 深度 属性 。 目 前 三 维 图 
标 还 不 常见 ， 但 它 在 三 维 游 戏 、 应 用 虚拟 现实 技术 的 软件 系统 中 将 会 有 广泛 的 应 用 。 


(2) 时 间 维 度 
从 时 间 维度 上 可 分 为 静态 图 标 和 动态 图 标 两 种 。 
当前 手机 图 形 界面 上 的 大 部 分 图 标 都 是 静态 图 标 ， 即 一 直 保 持 着 视觉 形态 不 会 随 着 时 间 推 移 而 改变 的 图 标 。 


动态 图 标 指 随 着 时 间 推 移 其 视觉 形态 会 发 生变 化 的 图 标 ， 它 的 变化 常常 是 连贯 的 动画 。 动 态 图 标 因 为 它 丰富 的 变化 性 而 使 得 
图 标 设计 有 了 更 多 的 变化 ， 更 加 容易 引起 用 户 的 注意 。 能 增加 其 与 用 户 的 交互 性 。 但 需要 注意 的 是 ， 动 态 图 标 也 会 因 其 太 容 易 引 
起 用 户 的 注意 而 分 散 用 户 的 注意 力 ， 从 而 干扰 用 户 获取 其 他 的 信息 ， 或 者 浪费 用 户 太 多 的 时 间 在 与 界面 的 交互 上 。 


设计 师 在 设计 图 标 时 需要 考虑 图 标的 形状 和 图 标本 身 用 到 的 图 案 的 轮廓 形状 。 在 图 形 界面 中 ， 有 些 图 标的 外 轮廓 框 是 规则 
的 ， 如 正方 形 、 和 矩形 、 圆 形 等 ， 以 保持 图 标的 统一 度 ， 而 有 些 图 标 轮廓 则 是 不 规则 的 ， 形 状 也 是 异形 的 ， 因 此 设计 的 时 候 要 考虑 
图 标的 统一 程度 。 


3. 风 格 定位 


在 现今 这 个 繁杂 的 信息 文化 背景 下 ， 用 户 每 天 要 接触 各 种 信息 流 ， 有 的 重要 ， 有 的 无 关 紧要 。 过 量 的 信息 很 容易 让 用 户 应 接 
不 暇 。 


目前 主流 的 设计 风格 有 三 种 : 扁平 简洁 风格 、 华 丽质 感 写实 风格 和 独创 个 性 风格 。 
(1) 扁平 简洁 风格 


扁平 简洁 风格 的 特点 主要 是 ， 比 较 简单 ， 可 识别 性 很 强 ， 能 让 用 户 一 目 了 然 ， 抛 奔 渐 变 、 了 阴影、 高 光 等 拟 真 视 党 效果 ， 从 而 
打造 出 一 种 看 上 去 更 “ 平 ”的 视觉 效果 。 扁 平 简洁 风格 适应 当下 的 设计 潮流 ， 可 以 降低 用 户 对 图 形 的 理解 难度 。 支 付 宝 城市 服务 
图 标 就 体现 出 扁平 简洁 风格 ， 如 图 2 所 示 。 


我 景点 门票 国 图 书 管 服务 114 二 S 请 东单 菜场 忆 停车 泊位 全 公交 查询 
旭 公益 父 境外 注 嚼 ”有 近 优惠 I 多 农产品 价格 查询 号 商 速 公路 路 况 全 出 租 信息 
BD 义 化 活动 国 市 民 癌 锯 强风 城市 快递 医 则 失物 认 疗 入 由 汇通 巴 + 才 W 自行 车 站 点 


图 2 扁平 简洁 风格 示例 


华丽 质感 写实 风格 的 特点 主要 是 ， 功 能 性 强 ， 多 用 于 吸引 用 户 的 宣传 产品 图 标 ， 这 类 图 标 在 质感 的 表现 上 丰富 多 彩 、 多 种 多 
样 ， 有 光 感 、 纹 理 、 阴 影 等 ， 有 些 拟 物 的 图 标 有 明显 触感 ， 用 现实 世界 的 材质 来 表现 ， 极 度 仿真 写实 ， 如 图 3 所 示 。 





(3) 独创 个 性 风格 


独创 个 性 风格 的 特点 主要 是 ， 功 能 性 强 ， 吸 引用 户 并 指向 具体 的 操作 ， 图 标 风 格 独 持 ， 而 不 是 特别 简单 明了 ， 但 通过 略微 的 
理解 可 以 明白 其 功能 ; 视觉 形态 表现 比较 多 样 化 ， 二 维和 三 维 都 比较 常见 ， 色 彩 可 以 很 丰富 ， 但 要 根据 具体 的 风格 而 定 : 图 标的 
形状 有 限定 轮廓 和 不 限定 轮廓 之 分 ， 也 是 多 种 多 样 的 ;在 图 标 质感 的 表现 上 也 比较 丰富 和 有 个 性 ， 有 素描 手绘 的 、 写 实 细致 的 、 
二 维 绘画 的 等 ， 如 图 4 所 示 。 
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拨号 浏览 器 百 变 主 题 
图 4 “独创 个 性 风格 示例 
目前 支付 宝 正 朝 着 集中 化 微 应 用 转变 ， 风 格 更 倾向 于 扁平 简洁 。 应 用 越 简 单 ， 界 面 也 就 越 简 单 。 
整个 产品 中 已 经 完全 是 扁平 化 设计 了 ， 在 扁平 化 的 图 标 设 计 中 ， 同 一 界面 的 图 标 风格 要 形成 统一 性 ， 一 致 的 外 观 ， 营 造 一 种 
和 谐 感 很 强 的 整体 性 。 整 体 性 强 的 设计 会 比 零散 的 设计 更 有 品质 ， 更 容易 让 用 户 理解 
支付 宝 首页 图 标 就 是 典型 的 扁平 简洁 风格 ， 如 图 5 所 示 
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图 5 支付宝 首 页 图 标示 例 


息 ， 信 息 提炼 过 后 用 最 简单 的 方 
是 微软 WP、 苹 果 iOS， 与 此 同时 出 现 的 就 是 扁平 化 信息 视觉 。 所 谓 的 从 拟 物化 走向 扁平 
化 ， 其 实 应 该 算是 开放 的 安 卓 系统 将 扁平 化 的 视觉 发 扬 光 大 


， 让 人 党 得 是 拟 物化 走向 扁平 化 。 
系统 依然 是 树 形 操作 ， 本 质 并 没有 太 大 变化 ， 只 是 视觉 的 扁平 而 已 


扁平 化 图 标 ， 其 实 是 扁平 化 操作 的 衍生 物 。 时 代 在 飞速 发 展 ， 人 们 需要 更 快 定位 最 准确 的 信 
式 表 达 出 来 就 是 扁平 化 操作 ， 其 代表 


归根 结 底 ，Android 和 iOS 的 操作 


扁平 化 利于 突出 重点 ， 把 不 必要 的 东西 都 弱化 ， 只 保留 最 重要 的 。 我 们 需要 回归 到 事物 的 本 质 ， 追 寻 最 重要 的 特质 加 以 体现 
一 一 这 样 ， 最 重要 的 元 素 便 显得 突出 ， 成 为 视觉 焦点 。 


扁平 化 利于 加 载 速 度 。 鉴 于 人 们 对 网 速 要 求 越 来 越 高 ， 对 加 载 的 耐心 越 来 越 少 ， 扁 平 化 的 设计 占据 的 内 存 更 小 ， 加 载 速度 更 


接 下 来 就 是 打磨 图 标 调 整 大 小 、 比 例 、 角 度 、 元 素 的 数量 、 明 上 暗 关 系 ， 视 觉 上 保证 图 标 整体 一 致 性 。 对 于 设计 师 来 说 ， 其 实 
图 标 设计 最 主要 的 部 分 在 于 要 弄 清楚 图 标的 功能 是 什么 ， 抓 住 最 主要 的 功能 进行 探索 ， 列 出 尽 可 能 多 的 方案 从 不 同 的 角度 去 思 
考 ， 画 出 多 种 图 形 方案 来 扩充 自己 的 思路 。 之 后 对 这 些 图 形 进行 删 减 ， 取 其 精华 ， 最 终 输 出 一 个 最 贴切 的 设计 方案 。 


第 2 节 图标 可 用 性 测试 


回想 一 下 设计 师 平时 工作 中 的 图 标 设计 流程 : 需求 分 析 一 图 标 设计 一 内 部 评审 一 输出 规范 一 上 线 。 


其 中 ， 内 部 评审 就 是 “设计 师 + 项 目 成 员 ” 根 据 自己 主观 判断 下 的 结论 ， 这 样 的 评审 结果 真 的 能 够 代表 用 户 吗 ” 所 以 要 知道 
用 户 是 怎么 理解 图 标的 唯一 办 法 就 是 做 图 标 可 用 性 测试 。 


1. 定 义 目标 用 户 的 3 个 角度 

. 人 口 学 特征 : 性别、 年龄、 学历、 职业、 地 域 等 。 

. 使 用 动机 : 个 人 、 企 业 、 买 家 、 卖 家 等 。 

使 用 经 验 : 产品 的 使 用 时 长 、 竞 品 的 使 用 情况 、 互 联网 的 使 用 年 限 等 。 
2. 图 标 可 用 性 评估 方向 


图 标的 可 识别 性 、 差 异性 是 影响 用 户 理解 的 两 个 主要 因素 。 当 图 标的 可 识别 性 低 ， 用 户 会 理解 不 了 图 标 想 要 传达 的 含义 。 而 
一 个 界面 中 若 个 别 图 标的 差异 性 不 是 很 大 ， 用 户 会 产生 视觉 混淆 ， 分 辨 不 出 来 。 


图 标 可 用 性 测试 前 期 任务 为 : 分 别 给 出 图 标 和 图 标 名 称 ， 请 用 户 一 一 对 应 。 在 这 个 过 程 中 如 果 出 现 因为 差异 不 大 而 分 辨 不 出 
无 法 对 应 ， 请 用 户 记录 下 图 标的 编号 。 如 果 用 户 反 馈 看 不 懂 ， 那 么 要 怎么 进一步 去 优化 图 标 呢 ? 


3. 图 标 可 用 性 检验 方法 


用 户 看 不 懂 图 标的 含义 ， 甚 至 还 无 法 说 出 原因 ， 设 计 师 的 图 标 优化 工作 就 会 陷入 僵局 。 这 个 时 候 就 需要 专家 型 用 户 登场 了 。 
专家 是 指 在 学 术 、 技 艺 等 方面 有 专门 技能 或 专业 全 面 知识 的 人 ， 或 者 特别 精通 某 一 学 科 或 某 项 技艺 有 较 高 造 良 的 专业 人 士 。 团 队 
内 的 设计 大 牛 或 者 图 标 设计 达 人 都 是 近 在 剑 尺 的 专家 型 用 户 。 


前 期 任务 通过 用 户 评估 梳理 出 看 不 懂 合 义 的 图 标 。 接 下 来 就 需要 专家 评估 找 出 用 户 看 不 慌 图 标 合 义 的 因素 ,分 析 后 给 出 优化 
方 


| 


根据 相关 研究 ， 影 响 图 形 符号 认 知 的 因素 包含 视 党 复杂 性 、 熟 悉 性 、 语 义 距 离 、 具 体 性 等 。 
.视觉 复杂 性 一 一 图 形 细节 的 多 少 ， 组 合 图 形 元 素 的 多 少 。 


:熟悉 性 一 一 对 图 标 中 的 图 形 以 及 所 表达 的 语义 的 熟悉 程度 。 


. 语义 距离 一 一 图 标 中 的 图 形 和 其 表达 的 功能 含义 之 间 的 关联 程度 。 关 联 性 大 的 语义 距离 小 ， 关 联 性 小 的 语义 距离 大 。 





* 具体 性 一 一 图 标 中 的 图 形 与 现实 生活 中 的 物体 相似 度 。 相 似 度 越 高 的 越 具 体 ， 相 似 度 越 低 的 越 抽象 。 
根据 外 部 用 户 的 测试 结果 ， 将 用 户 看 不 懂 的 图 标 依据 以 下 四 个 维度 进行 评分 。 
(1) 视觉 复杂 性 


要 求 被 试 人 员 根 据 图 形 细节 的 多 少 、 组 合 图 形 元 素 的 多 少 ， 在 五 点 量 表 ( 李 克 特 量 表 ) 上 打分 。1 分 为 非常 复杂 ，5 分 为 非 
常 简单 。 


(2) 熟悉 性 
要 求 被 武人 员 根 据 对 该 图 形 的 熟悉 程度 ， 在 五 点 量 表 上 打分 。1 分 为 非常 陌生 ，5 分 为 非常 熟悉 。 


(3) 语义 距离 


要 求 被 坛 人 员 根 据 对 图 标 与 其 表达 的 功能 含义 之 间 的 语义 距离 的 远近 ， 在 五 点 量 表 上 打分 。1 分 为 图 标 与 其 表达 的 功能 含义 
之 间 的 语义 距离 非常 远 ，5 分 为 图 标 与 其 表达 的 功能 含义 之 间 的 语义 距离 非常 近 。 


(4) 具体 性 
要 求 被 坛 人 员 根 据 对 图 标的 具体 性 进行 测定 ， 在 五 点 量 表 上 打分 。1 分 为 非常 抽象 ，5 分 为 非常 具体 。 
五 点 量 表 具 体内 容 如 下 : 


1) 你 觉得 此 图 标的 细节 和 图 形 组 成 元 素 复 杂 吗 ? 























非常 复杂 (1 分 ) 比较 复杂 (2 分 ) 一 般 (3 分 ) 比较 简单 (4 分 ) 口 非常 简单 〈5 分 ) 









































2) 你 觉得 此 图 标的 图 形 本 身 以 及 所 传达 的 语义 看 起 来 熟悉 吗 ? 























非常 陌生 (1 分 ) 比较 陌 (2 分 ) 一 般 (3 分 ) 比较 熟悉 (4 分 ) 口 非常 熟悉 (5 分 ) 









































3) 你 觉得 此 图 标的 图 形 本 身 和 图 标 名 称 之 间 的 关联 性 大 吗 ? 






























































非常 小 (1 分 ) 比较 小 (2 分 ) 一 般 (3 分 ) 比较 大 (4 分 ) 非常 大 (5 分 ) 


4) 你 觉得 此 图 标 中 的 图 形 是 否 抽象 ? 


























非常 抽象 (1 分 ) 比较 抽象 (2 分 ) 一 般 (3 分 ) 比较 具象 (4 分 ) 非常 具象 (5 分 ) 






































收集 专家 型 用 户 对 问卷 的 反馈 ， 会 发 现 某 一 或 者 某 两 项 分 值 偏 高 或 者 偏 低 ， 图 标的 优化 设计 便 可 由 此 切入 。 


这 里 要 注意 的 是 视 党 复杂 性 和 具体 性 含义 本 身 并 不 是 判断 好 坏 的 标准 ， 不 可 简单 地 理解 为 图 形 简单 就 是 好 ， 图 形 复杂 就 是 不 
好 。 当 测试 结果 显示 在 视觉 复杂 性 这 项 分 值 偏 高 的 时 候 ， 说 明 图 标本 身 太 过 简单 用 户 无 法 识别 含义 ; 而 当 测试 结果 显示 在 视觉 复 
杂 性 这 项 分 值 偏 低 的 时 候 ， 则 说 明 图 标本 身 太 过 复杂 用 户 无 法 识别 含义 。 具 象 性 也 是 如 此 。 


了 


其 实 ， 画 图 标 和 写 文章 的 步骤 差不多 。 构 思 方 向 等 同 于 构思 文章 提纲 ， 设 计 造 型 等 同 于 确定 文章 类 型 ， 风 格 定位 等 同 于 添加 丰富 


文章 的 华丽 冬 汪 和 精彩 片段 ， 最 后 的 细节 整合 等 同 于 文章 的 润色 、 点 睛 。 在 文章 交 给 老师 之 前 ， 会 不 会 妨 不 住 让 好 友 阅 读 提 提 意 


所 以 画 好 图 标的 关键 是 要 拿 出 上 学 时 写 文章 的 端正 态度 ， 按 照 本 文中 提 到 的 步 又， 逐一 完成 。 画 好 图 标 和 写 好 文章 一 样 ， 多 
画 多 看 熟 能 生 巧 ， 量 变 才 能 引起 质变 ; 看 得 多 了 ， 眼 界 开阔 了 ， 能 力 才 有 可 能 提升 。 





05 ”敏捷 开 友 模式 下 的 设计 协作 


文 / 马 颖 男 

互联 网 公司 的 开发 团队 一 般 由 产品 经 理 、 交 互 设 计 师 、 视 党 设计 师 、 开 发 工程 师 、 测 试 工程 师 等 几 类 角色 组 成 。 交 互 设计 师 
负责 将 业务 模型 框架 化 、 框 架 模型 界面 化 ， 在 整个 产品 的 敏捷 开发 流程 中 ， 需 要 与 多 个 不 同 岗位 打交道 ， 沟 通 和 协作 能 力 对 交互 
设计 师 来 说 非常 重要 。 本 文 主要 分 享 我 总 结 的 一 些 团 队 协 作 经 验 ， 和 希望 能 给 大 家 一 些 启 发 。 

现在 国内 大 部 分 互联 网 公司 都 使 用 了 敏捷 开发 模式 ， 传 统 的 瀑布 流 开发 模式 最 大 的 缺点 是 应 对 用 户 需 求 的 变化 时 不 够 灵活 ， 
各 个 阶段 的 划分 固定 ， 每 个 团队 角色 按部就班 完成 自己 分 内 的 工作 ， 然 后 交接 给 下 游 ， 需 要 线性 地 完成 所 有 开发 流程 后 才能 看 到 
结果 。 

敏捷 开发 则 以 人 为 核心 ， 选 代 开 发 、 循 序 渐进 ， 将 一 个 大 项 目 分 解 为 多 个 相互 联系 、 分 开 运 作 的 小 项 目 ， 设 定 多 个 发 布 节点 
分 批 上 线 ， 这 样 既 能 提高 效率 ， 也 能 根据 上 线 后 的 用 户 反馈 来 调整 后 续 的 产品 策略 。 


传统 瀑布 式 开发 流程 和 敏捷 开发 流程 对 比 ， 如 图 1 所 示 。 
传统 瀑布 式 开发 流程 敏捷 开发 流程 


需求 分 解 


需求 分 析 设计 开发 


阶段 1 


阶段 2 


阶段 3 





时 间 时 间 


图 1 传统 瀑布 式 开 发 流程 和 敏捷 开发 流程 对 比 


第 1 节 ”需求 分 析 阶 段 


产品 的 每 次 改版 都 是 公司 战略 变化 的 体现 ， 比 如 支付 宝 9.0 改 版 ， 目 的 就 是 建立 以 人 为 中 心 场 景 的 关系 链 。 以 前 ， 人 围绕 着 
各 种 场景 转 ， 比 如 转账 要 去 银行 排队 ， 买 电影 票 要 去 电影 院 排队 ， 买 车 票 要 去 车 站 排队 ， 场 景 被 物理 距离 局 限 而 割裂 ， 而 移动 互 
联网 带 来 的 最 大 变革 就 是 突破 了 物理 距离 限制 ， 让 场景 围 着 人 转 ， 每 个 用 户 都 是 中 心 。 


明确 了 战略 目标 ， 产 品 经 理 就 开始 定义 范围 层 的 内 容 ， 这 时 候 交 互 设计 师 就 可 以 开始 和 产品 经 理 协 作 ， 参 与 前 期 的 需求 讨论 
和 交互 概念 稿 的 输出 ， 产 品 经 理 是 业务 的 负责 人 人， 背负 着 业务 指标 ， 但 是 业务 压力 也 决定 了 他 们 更 偏向 商业 目标 ， 而 设计 师 更 为 
关注 的 是 用 户 体验 与 商业 目标 的 平衡 ， 分 工 和 职能 的 不 同 决定 了 产品 经 理 和 设计 师 之 间 既 会 有 合作 ， 也 会 有 分 层 。 

1. 专 业 支 持 


产品 经 理 确定 需求 时 ， 经 常会 在 一 些 点 上 难以 抉择 ， 这 个 时 候 设 计 师 可 以 通过 专业 支持 来 给 产品 经 理 一 些 关 键 意见 ， 通 过 用 
户 研究 产 出 角色 模型 ， 通 过 市 场 分 析 和 况 品 研究 产 出 况 品 分 析 报 告 ， 帮 助 他 们 进行 决策 ， 如 图 2 所 示 。 


2. 快 速 输出 原型 


有 时 候 产 品 经 理会 有 一 些 想法 需要 设计 师 快 速 输出 概念 稿 ， 设 计 师 可 以 先 听 完 产 品 
纸 上 原 型 的 作业 ， 梳 理 出 框架 图 和 典型 界面 ， 基 于 页 面 帮助 其 理 清 产品 思路 。 即 使 你 觉 
好 ， 也 不 如 落 在 纸 面 上 的 简单 线 框图 更 有 说 服 力 。 


经 理 的 需求 描述 ， 然 后 和 他 一 起 快速 进行 
得 你 的 逻辑 能 力 再 强 ， 语 言 表达 能 力 再 


用 尸 研 究 





竞 品 分 析 报 告 





图 2 前 期 研究 
3. 换 位 思考 


可 能 有 时 候 产 品 经 理 的 需求 会 显得 很 不 合理 ， 这 时 候 设 计 师 不 要 急于 反驳 ， 而 是 应 深入 思考 产品 经 理 的 需求 背后 的 商业 目 
的 ， 是 否 有 更 好 的 方式 来 达到 此 商业 目标 。 设 计 师 需要 深入 地 了 解 业务 ， 开 阅 自 己 的 视野 ， 才 可 以 提出 有 说 服 力 的 论据 和 产品 经 
理 PK， 所 以 进入 项 目 越 早 越 好 ， 这 样 你 才能 更 清晰 地 了 解 原 始 的 产品 诉求 。 


4 尽早 邀请 视觉 设计 师 加 入 


请 视觉 设计 师 从 需求 讨论 阶段 就 加 入 ， 这 样 做 的 好 处 是 视觉 设计 师 可 以 完整 地 参与 整个 项 目 流程 ， 对 需求 的 理解 很 透彻 。 交 
互 设计 师 保障 用 户 的 体验 流程 ， 视 觉 设 计 师 保障 用 户 看 到 的 界面 美观 ， 视 觉 设计 稿 在 项 目前 期 可 以 设计 成 一 些 概念 稿 ， 确 定 视觉 
风格 ， 和 交互 稿 的 设计 并 行 ， 这 样 可 以 节约 大 量 时 间 。 


第 2 节 ”设计 阶段 

在 敏捷 开发 项 目 中 ， 会 有 多 个 子 项 目 同步 进行 ， 彼 此 之 间 的 业务 模块 既 有 关联 又 互相 独立 ， 设 计 师 之 间 的 信息 同步 就 显得 非 
常 重要 了 。 为 了 保证 项 目 进度 和 设计 的 统一 性 ， 我 和 团队 里 的 小 伙伴 采用 了 下 面 几 个 方法 。 

1. 约 定 规范 ， 信 息 同步 


在 和 产品 经 理 完成 需求 梳理 后 ， 整 体 产 品 功 能 的 脉络 布局 已 经 清晰 ， 几 位 交互 设计 师 按照 模块 进行 了 分 工 ， 在 开始 设计 之 前 
我 们 首先 约定 了 一 些 规范 ， 并 持续 进行 更 新 同步 ， 保 证 大 家 都 不 会 偏离 设计 框架 。 后 续 的 事实 证 明 ， 磨 刀 不 误 砍 柴 工 ， 前 期 的 约 
定 在 后 面 让 我 们 节省 了 很 多 力气 。 


我 们 在 使 用 Axure 绘 图 时 ， 专 门 维护 了 一 份 组 件 Masters， 将 各 位 设计 师 手 中 复 用 率 较 高 的 页 面 和 控件 整理 在 一 起 ， 每 天 同 
步 ， 保 证 了 所 有 人 的 交互 稿 使 用 的 都 是 最 新 的 控件 ， 如 图 3 所 示 。 
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图 3 交互 稿 规 范 
2. 了 解 全 局 ， 互 相 走 查 


因为 每 位 交互 设计 师 都 会 对 接 不 同 的 产品 经 理 和 开发 团 了 从， 了解 相互 之 间 的 功能 和 设计 就 变 得 非常 重要 了 。 设 计 师 是 最 需 
思维 碰撞 的 职业 之 一 ,协同 设计 的 时 候 最 容易 产生 新 的 想法 。 在 项 目 设 计 过 程 中 ， 交 互 设计 师 完成 自己 设计 的 模块 后 ， 会 请 其 他 
设计 师 走 查 一 遍 ， 补 充 交 互 细节 ， 找 出 不 足 之 处 ， 同 时 也 让 设计 师 有 跨 功 能 、 跨 业务 的 机 会 看 到 产品 全 局 ， 鼓 励 设计 师 对 全 局 乃 


至 战略 进行 思考 。 
3. 细 节 抓 大 放 小 


交互 设计 师 不 要 在 线 框图 的 美观 性 上 太 过 纠结 ， 将 主要 的 精力 放 到 “解决 问题 ”上 去 ， 而 把 界面 交 给 更 专业 的 视觉 设计 师 来 
完善 ， 但 是 一 定 要 做 到 布局 和 结构 清晰 ， 标 注 正 确 ， 特 别 是 一 些 状态 变化 较 多 的 控件 ， 需 要 清晰 地 传达 给 视觉 设计 师 ， 在 页 面 整 
体 设 计 和 风格 把 控 上 尊重 视觉 设计 师 的 意见 ， 如 果 对 页 面 有 一 些 想 法 ， 应 在 早期 就 完整 地 描述 给 视觉 设计 人 员 ， 以 有 效 提高 项 目 
的 整体 效率 。 


4 .主动 沟通 ， 协 调 推动 


交互 设计 师 不 光 要 做 好 设计 工作 ， 也 要 推动 其 他 环节 的 工作 人 员工 作 。 当 涉及 一 些 难点 时 ， 交 互 设计 师 应 主动 协调 业务 方 和 
开发 人 员 ， 快 速 沟通 并 给 出 结论 ， 充 分 组 织 和 利用 资源 让 用 户 体验 工作 产生 结果 。 


第 3 节 ”开发 阶段 


开发 工程 师 才 是 真正 让 产品 落地 的 人 ， 设 计 稿 做 得 再 完美 、 再 有 创意 ， 如 果 开 发 实现 不 了 ， 就 不 能 产生 任何 价值 。 了 解 必 要 
的 开发 知识 ， 保 持 和 开发 人 员 的 沟通 ， 才 能 保证 项 目 进 展 顺 利 。 


1. 了 解 一 定 的 开发 知识 


这 里 说 的 开发 知识 并 不 是 需要 你 看 懂 开 发 代码 ， 而 是 要 了 解 一 些 基础 的 技术 框架 知识 。 比 如 ， 使 用 原生 框架 页 面 和 H5 页 面 
的 区 别 ， 界 面 的 调用 逻辑 ， 哪 些 控件 可 以 调用 系统 框架 修改 ， 哪 些 控件 需要 另外 开发 ， 异 常 状 态 的 处 理 逻 辑 ， 等 等 。 获 取 这 些 知 
识 的 渠道 非常 广泛 ， 网 上 有 许多 技术 文章 ， 也 可 以 向 开发 人 员 请 教 ， 了 解 这 些 知识 会 非常 有 效 地 避免 许多 设计 实现 时 反复 ， 在 不 
影响 用 户 体验 的 前 提 下 使 用 性 能 损耗 更 少 的 方案 ， 可 给 用 户 带 来 更 好 的 操作 体验 。 


尤其 是 在 设计 动画 效果 前 ， 应 和 开发 充分 沟通 。 有 时 候 程 序 开发 依赖 一 些 已 有 框架 ， 如 果 改 动 框架 ， 风 险 极 高 ， 对 于 一 些 锦 
上 添 花 不 太 影响 用 户 体验 的 效果 可 以 适当 降低 优先 级 ， 对 于 一 些 影响 到 体验 但 是 实现 上 有 困难 的 效果 可 以 提供 降级 方案 。 


2. 主 动 沟通 


很 多 设计 师 都 有 个 认识 误区 ， 认 为 输出 设计 稿 后 工作 就 算 完 成 了 。 实 际 上 在 落地 的 时 候 保持 沟通 非常 重要 ， 开 发 人 员 有 时 候 
拿 到 设计 稿 后 感觉 没什么 问题 就 埋头 苦 干 了 ， 结 果 有 可 能 出 来 的 效果 和 你 预想 的 有 很 大 出 入 ， 造 成 后 续 的 开发 延期 和 设计 返工 ， 
也 给 自己 带 来 很 多 麻烦 。 设 计时 应 注意 两 点 : 一 是 输出 设计 稿 时 一 定 要 做 设计 宣讲 ， 将 业务 逻辑 、 设 计 原 型 和 设计 原则 向 开发 人 
员 和 解释 清楚 ， 避 免 有 理解 不 一 致 的 地 方 ， 二 是 设计 有 变更 及 时 同步 到 相关 人 员 。 


验收 时 和 测试 人 员 保 持 密切 配合 ， 走 查 每 个 流程 ， 特 别 是 异常 状态 的 验收 ， 有 问题 及 时 反馈 ， 让 测试 人 员 跟 进 开发 人 员 修 
正 。 


总 结 


敏捷 开发 对 团队 成 员 的 主观 能 动 性 、 沟 通 和 协作 都 有 很 高 的 要 求 ， 一 个 好 产品 的 诞生 离 不 开 团队 的 通力 协作 ， 以 用 户 为 中 心 
并 不 能 仅 是 一 句 口号 ， 而 首先 是 一 种 思维 方式 ， 影 响 和 传播 这 种 思维 方式 也 是 设计 师 的 工作 之 一 ， 只 有 让 不 同 岗 位 的 人 员 都 认识 
到 用 户 体验 的 重要 性 ， 将 以 用 户 体验 为 中 心 的 思想 植 入 公司 文化 之 中 ， 并 以 此 调整 工作 流程 和 方法 ， 才 能 打造 出 优秀 的 产品 。 


做 设计 


06 行业 服务 设计 的 思考 与 实践 


文 /分 烨 


支付 宝 有 一 个 行业 产品 线 。 这 条 线 上 的 工作 很 多 时 候 看 上 去 并 不 是 单纯 的 “互联 网 化 ”。 因 为 多 数 时 候 我 们 是 在 摸索 如 何 改 
善 现实 社会 服务 的 效率 和 体验 。 在 行业 产品 线 工 作 几 个 月 时 间 ， 我 发 现 了 很 多 业务 的 机 遇 与 设计 的 挑战 ， 在 此 分 享 一 下 。 


第 1 节 ”社会 服务 行业 的 大 趋势 


互联 网 发 展 到 今天 ， 已 不 再 满足 于 创造 社会 的 虚拟 平行 世界 了 。 如 果 说 过 去 十 几 年 互联 网 的 基础 建设 像 浚 通 的 主动 脉 一 样 鼓 
动 强力 脉搏 ， 那 么 接 下 来 的 10 年 互联 网 技术 已 然 像 毛细 血管 一 样 渗透 到 方方面面 。 


当前 可 以 覆盖 的 互联 网 人 群 增 量 已 经 进入 平台 期 ， 人 口红 利 消失 歼 尽 ， 只 能 通过 服务 升级 的 方式 在 增 量 场景 中 获得 价值 转 
化 。 在 这 个 过 程 中 ， 互 联网 服务 需要 从 虚拟 的 基础 建设 转变 成 与 现实 社会 规则 、 社 会 运行 方式 、 社 会 习惯 相 融 合 的 方式 。 这 个 过 
程 互联 网 一 方面 应 解决 信息 效率 问题 ， 比 如 提升 信息 获取 便捷 性 和 传播 效率 ， 通 过 大 数据 人 存储 和 计算 能 力 提升 信息 处 理 能 力 ; 另 
一 方面 应 帮助 服务 升级 ， 改 善 社会 分 工 和 协作 效率 ， 减 少 管理 成 本 和 法 制 成 本 ， 加 强 信息 安全 和 风险 控制 ， 促 进 社会 公平 公正 ， 
带 来 新 的 社会 价值 和 商业 模式 。 


恰 逢 “互联 网 + ”的 春风 吹 起 ， 让 社会 民生 服务 互联 网 化 如 雨后春笋 般 昔 发。 社会 服务 行业 互联 网 化 是 一 片 巨大 的 “ 蓝 
海 ”。 政 府 每 年 信息 化 投入 数 以 亿 计 ， 与 此 同时 ， 信 息 化 基础 相对 升级 缓慢 ， 整 体 数 据 架构 还 比较 陈 上 日 ， 不 能 支撑 起 全 网 全 量 的 
需求 。 行 业 类 型 差异 和 地 域 差 异形 成 的 信息 孤岛 ， 影 响 了 服务 能 力 和 效率 。 支 付 宝 目前 已 在 社会 服务 领域 耕耘 多 年 ， 在 很 多 行业 
扎根 (图 1) ， 一 方面 倾 力 于 社会 服务 行业 中 提升 整体 服务 效率 和 质量 ， 另 一 方面 正在 攻克 诸多 服务 设计 的 问题 。 





图 1 支付 宝 进 入 的 行业 领域 


第 2 节 ”行业 产品 设计 特点 


1. 行 业 产品 服务 特点 


基于 上 述 社会 服务 行业 的 现状 分 析 ， 可 以 看 出 把 互联 网 意识 和 方法 渗透 到 社会 服务 是 一 块 未 开垦 的 处 女 地 。 实 践 中 会 面临 以 
下 两 大 问题 。 
(1) 在 一 个 行业 中 设计 师 无 法 直接 寻求 通用 解决 方案 


因为 通用 解决 方案 难以 适应 不 同 地 域 和 人 群 ， 不 能 一 践 而 就 。 所 以 一 方面 需要 充分 理解 行业 现状 和 限制 ， 尊 重 政 策 和 行业 ; 
另 一 方面 ， 要 清晰 地 识别 出 价值 援 动 点 ， 采 取 单 点 突进 并 渐进 演化 的 策略 。 只 有 把 服务 问题 一 个 一 个 地 解决 了 ， 渐 渐 掌 握 整 个 服 
务 体系 中 必要 资源 后 ， 才 有 可 能 寻求 通用 解决 方案 。 


(2) 在 既 有 设计 经 验 指导 下 的 服务 体验 方案 在 落地 过 程 中 会 遇 到 各 种 意 想不到 的 现实 问题 


我 们 历来 奉 为 圭 泉 的 用 户 体验 设计 原则 ， 如 极 简 的 用 户 操作 、 稳 定 及 时 的 信息 有 反馈、 符合 用 户 预 期 的 业务 逻辑 ， 都 可 能 受到 
诸多 因素 影响 ， 如 跨 系统 数据 对 接 、 原 有 业务 规则 约束 、 业 已 成 形 的 并 非 以 用 户 为 中 心 构架 的 技术 框架 等 等 。 综 上 所 述 ， 提 供 一 
个 平衡 且 完 善 的 行业 服务 体验 是 一 个 非常 复杂 而 困难 的 工作 。 


2. 行 业 产品 服务 设计 的 案例 


下 面 我 们 来 分 享 一 个 现实 生活 中 的 案例 ， 以 说 明 提供 合理 的 社会 服务 是 一 个 复杂 的 系统 工程 ， 对 设计 意识 及 设计 要 求 都 有 所 
不 同 。 


在 我 生活 的 城市 ， 家 庭 自 有 车 辆 已 日 趋 饱 和 和 。 更 方便 合理 地 停车 已 经 成 为 老 社区 的 改造 、 新 社区 的 设计 以 及 公共 环境 规划 中 
不 容 忽视 的 问题 。 政 府 的 便民 措施 之 一 就 是 大 量 建造 公共 地 下 车 库 ， 如 图 2 所 示 。 


在 图 2 中 ， 你 会 发 现在 双 车 道 对 流通 道 的 一 出， 一 字 排 开 停 满 了 中 大 型 SUV。 这 个 场景 犹如 把 地 上 拥堵 的 小 区 街道 的 占 道 售 
车 搬 到 了 地 下 。 通 过 仔细 分 析 可 以 发 现 ， 并 不 是 这 些 车 主 缺 乏 素 质 ， 而 是 因为 车 位 单元 的 设计 有 一 个 小 瑕 妆 ， 如 图 3 所 示 。 每 个 
车 位 单元 顶层 都 有 一 根 红色 的 消防 管道 ， 直 接 压 低 了 车 位 的 限 高 ， 导 致 SUV 之 类 的 大 车 无 法 停 入 车 位 。 


图 2 ”一 个 公共 地 下 车 库 的 停车 实景 


图 3 公共 地 下 车 库 内 部 车 位 单元 的 建造 实景 





公共 地 下 车 库 的 设计 是 一 个 复杂 的 系统 工程 。 我 初步 分 析 ， 人 存在 如 图 4 所 示 的 几 个 设计 阶段 (我 们 在 这 里 把 设计 广义 地 定义 
为 项 目 实现 过 程 的 解决 方案 ) 。 由 工程 的 价值 判断 开始 ， 进 而 完成 合理 化 设计 ， 在 实施 过 程 中 依然 有 繁复 的 设计 决策 。 在 整个 系 
统 工程 中 ， 车 位 结构 的 设计 没有 充分 地 估计 到 当地 家 庭 车 辆 购买 决策 的 趋势 ， 按 设想 中 常规 乘 用 轿车 的 规格 来 设 定 车 位 单元 的 建 
造 规格 。 才 出 现 了 图 4 中 看 到 的 实际 使 用 情况 。 


实施 设计 
招商 、 施 工 建造 、 物 业 管理 、 收 费 模式 …… 


合理 化 设计 
容量 估算 、 出 入 口 、 车 流 路 径 、 车 位 结构 、 给 排水 、 导 引 系 统 …… 
价值 设计 


需求 量 、 改 造成 本 、 预 算 、 社 会 意义 …… 


图 4 ”一 个 公共 地 下 车 库 的 系统 化 设计 


对 上 面 的 公共 地 下 和 车库 案例 的 分 析 ， 我 们 可 以 总 结 出 科学 设计 过 程 ， 来 控制 服务 质量 ， 如 图 5 所 示 。 


se 试点 阶段 进行 服务 优化 


* 深入 实际 场景 中 发 现 服务 问题 





。 分 辩 天 键 影 响 因子 





图 5 “社会 服务 行业 设计 过 程 模型 


第 一 步 ， 分 辨 关键 影响 因子 。 在 价值 设 定 合 理 的 基础 上 ， 完 成 合理 化 设计 ， 设 计 师 需要 清楚 地 分 辨 出 影响 服务 的 关键 因子 。 
以 地 下 车库 为 例 ， 首 先 ， 车 库 建 造 容 量 决定 了 是 否 能 充分 消炎 附近 社区 停车 难 、 乱 停车 的 现象 ， 其 次 ， 出 入 口 位 置 和 和 车流 路 径 的 
合理 性 决定 地 上 和 地 下 衔接 的 便捷 性 ; 最后， 每 个 车 位 单元 的 结构 设计 决定 了 车 辆 是 否 能 便捷 倒车 进入 ， 也 关联 影响 了 车 库 建造 
容量 以 及 建造 成 本 。3 个 影响 合理 性 的 重要 因素 对 比 而 言 ， 最 关键 的 影响 因素 是 “车 位 单元 设计 ”。 案 例 中 就 是 没有 处 理 好 这 个 
关键 影响 因素 的 设计 问题 ， 而 导致 系统 服务 效能 的 下 降 。 

第 二 步 ， 深 入 实际 场景 中 发 现 服务 问题 。 在 完成 合理 化 设计 后 ， 会 进入 试点 完成 设计 实施 。 设 计 被 实施 后 远 没 有 结束 。 这 个 
过 程 好 比 在 软件 开发 过 程 中 ， 设 计 经 历 开 发 和 测试 以 及 灰 度 发 布 后 ， 还 没有 真正 结束 。 试 点 的 服务 在 投放 市 场 运行 后 ， 必 须 继续 
深入 实地 场景 ， 从 真实 使 用 用 户 、 服 务 参与 者 、 管 理 方 等 多 方面 审视 服务 体验 、 挖 掘 服务 问题 。 


假如 案例 中 ， 有 相关 设计 师 介入 地 下 车 库 实 地 调查 或 者 负责 车 库 的 日 常 维 养 员 工 把 停车 秩序 问题 反馈 到 项 目 责任 方 ， 就 能 
好 地 反映 出 设计 问题 。 


第 三 步 ， 试 点 阶段 进行 服务 优化 。 初 期 设计 方案 的 试点 是 验证 合理 性 并 了 解 服务 效果 的 最 佳 机 会 。 如 果 验 证 方案 被 证 实 其 合 
理性 ， 就 可 以 复制 相同 的 模式 ;而 一 旦 发 现 服务 问题 ， 就 需要 再 完成 方案 优化 ， 继 续 验证 后 再 广泛 投放 。 这 是 有 效 控 制服 务 能 
和 节约 成 本 的 有 效 办 法 。 

以 上 过 程 是 将 互联 网 /软件 开发 的 迭代 模式 应 用 到 实体 服务 设计 过 程 的 重要 步骤 。 后 续 可 以 通过 一 个 实际 发 生 的 医疗 行业 的 
案例 做 更 深入 的 了 解 。 


第 3 节 ”在 行业 设计 中 如 何 发 挥 设 计价 值 

如 图 1 所 示 ， 医 疗 、 社 保 、 水 电 煤 、 演 出 票务 、 养 车 等 这 些 行 业 具备 馆 异 的 行业 特点 和 互联 网 化 的 模式 。 设 计 师 要 如 何 应 对 
这 错综复杂 的 行业 问题 ， 发 挥 自己 独特 的 价值 呢 ? 

每 个 行业 在 互联 网 化 的 进程 中 都 有 着 一 个 相同 的 发 展 规律 ， 我 们 应 该 从 这 个 规律 切入 ， 采 取 不 同 的 设计 策略 。 如 图 6 所 示 。 

一 个 行业 在 互联 网 化 的 初期 ， 我 们 称 为 “萌芽 期 ”， 因 为 有 很 多 不 同 的 服务 形态 在 萌发 ， 同 时 又 比较 依存 于 政策 和 行业 现 
状 。 设 计 师 可 以 从 用 户 和 机 构 的 需求 出 发 ， 洞 见 服务 价值 ， 通 过 一 些小 而 精 的 场景 验证 服务 模式 。 例 如 ， 健 康 医 疗 服务 的 整个 链 


路 很 长 ， 包 含 分 诊 、 挂 号 、 就 医 、 购 药 、 住 院 、 体 检 等 。 荫 芽 期 ， 团 队 选 择 了 “挂号 ”的 高 频 细 分 场景 ， 进 而 定位 并 匹配 用 户 及 
机 构 在 服务 中 的 需求 ， 挖 掘 解决 号 源 问题 到 支付 预约 的 服务 片段 。 下 文 将 详细 分 解 相 天 的 案例 。 


快速 复制 
规模 化 


成 熟 期 










归 一 化 
政策 突破 
形态 多 样 化 
依存 于 政策 成 长 其 


萌芽 期 


洞 见 需求 与 价值 寻找 缺口 与 突破 


图 6 适应 行业 发 展 规律 的 设计 策略 


一 个 行业 的 服务 渐渐 发 展 壮大 ， 进 入 “成 长 期 ”， 因 为 地 域 或 政策 的 差异 积累 了 越 来 越 多 的 产品 形态 及 体验 的 差异 。 设 计 师 
的 价值 在 于 帮助 团队 定位 到 未 被 满足 的 服务 缺口 ， 并 找到 最 适用 的 解决 方案 。 设 计 师 一 方面 需要 从 行业 理解 的 高 度 ， 梳 理 出 通用 
的 解决 方案 ; 另 一 方面 需要 在 和 政府 、 机 构建 立足 够 的 沟通 与 信任 后 ， 引 导 他 们 有 意识 、 有 意愿 地 参与 ， 通 过 政策 优化 ， 促 进 用 
户 服务 体验 改善 。 例 如 ， 当 健康 医疗 服务 进入 “成 长 期 ”， 团 队 应 以 服务 受众 的 核心 需求 出 发 ， 在 政策 限制 中 发 挥 更 多 的 主动 
权 。 如 设计 师 需要 挖 扎 需求 的 满足 程度 ， 并 发 现 纯粹 的 现金 结算 并 不 能 为 患者 带 来 切实 的 方便 ， 因 为 患者 更 在 意 由 医保 棠 道 支 
出 。 因 此 在 将 近 1 年 的 磨合 和 引导 下 ， 团 队 终 于 和 国内 部 分 城市 的 社保 局 联合 实现 了 医保 在 线 支付 方案 。 


进入 一 个 行业 后 落地 了 一 些 基 础 模式 ， 并 渐渐 获得 了 一 定 的 行业 经 验 和 市 场 渗透 ， 就 进入 了 “成熟 期 ”。 产 品 需要 进入 更 快 
的 复制 阶段 。 设 计 师 应 该 提供 通用 的 规范 和 设计 指南 以 统一 服务 体验 。 


第 4 节 ”行业 产品 设计 方法 


行业 产品 存在 多 个 服务 环节 ， 服 务 的 过 程 可 能 跨越 时 间 和 空间 ， 服 务 体系 中 存在 多 个 生态 角色 ， 可 能 由 多 个 服务 组 织 机 构 提 
供 服务 ， 因 此 有 必要 引入 服务 设计 的 意识 和 方法 。 服 务 设计 思想 的 精 丹 是 通过 系统 化 设计 影响 服务 的 全 方位 因素 ， 来 提升 服务 触 
点 的 体验 。 


服务 设计 最 常用 的 两 个 思考 工具 ,分 别 是 服务 蓝图 和 体验 地 图 。 


服务 蓝图 [1 是 一 种 详尽 描述 服务 交互 的 本 质 和 特性 的 操作 工具 ， 以 验证 、 实 现 和 维护 服务 。 它 基于 图 形 化 技术 ， 直 观 地 呈现 
整个 客户 体验 过 程 中 前 台 可 见 和 后 台 不 可 见 的 功能 : 所 有 规划 安排 的 用 户 体验 接触 点 以 及 后 台 进 程 。 设 计 师 通过 分 析 服 务 参与 
者 、 技 术 、 流 程 、 环 境 等 一 切 影响 服务 的 因素 ， 并 构建 服务 触 达 的 时 机 、 触 点 和 通道 。 服 务 蓝 图 通常 适合 全 新 的 服务 领域 或 颠覆 
式 改造 一 种 服务 模式 。 与 此 同时 ， 它 要 求 掌握 整个 系统 资源 来 实现 整体 服务 体验 的 控制 。 


体验 地 图 四 是 在 不 同 的 接触 点 上 以 导向 性 的 图 表 描 述 用 户 和 服务 的 相互 关系 。 与 服务 蓝图 不 同 的 是 ， 体 验 地 图 会 着 重 强调 信 
息 流 和 物理 设备 ， 比 服务 蓝图 更 概括 、 精 练 。 体 验 地 图 侧重 从 用 户 的 角度 出 帮 ， 挖 掘 用 户 经 历 服务 的 感受 和 方式 ， 来 发 现 提供 和 
优化 服务 的 机 会 。 


行业 设计 师 因 为 行业 产品 设计 的 难点 ， 无 法 全 盘 实 现 协 覆 式 的 服务 设计 ， 也 需要 依赖 系统 的 现行 规则 来 落地 方案 。 所 以 需要 
制订 行业 嵌入 式 设 计 方 法 。 设 计 师 需要 转变 看 待 问题 的 视角 和 心态 ， 调 整 解决 问题 的 方法 。 


2. 行 业 谋 入 式 设计 方法 


行业 嵌入 式 设 计 方法 的 独特 性 在 于 设计 师 要 从 服务 价值 判断 入 手 ， 并 且 与 行业 系统 深入 衔接 。 服 务 价值 判断 的 过 程 就 是 在 自 
然 地 切 分 行业 生态 角色 之 间 的 利益 关系 和 依赖 关系 ， 并 发 现 关 系 链 条 中 没有 被 满足 的 需求 ， 进 而 有 机 会 通过 自身 的 优势 能 力 援 开 
这 个 关系。 与 行业 系统 深入 衔接 ， 要 求 设计 师 能 深入 行业 的 服务 体系 中 ， 了 解 服务 场景 并 构建 服务 的 入 口 和 闭环 。 此 外 ， 行 业 饿 
入 式 设 计 的 衡量 价值 标准 是 “平衡 ”， 兼 顾 用 户 需 求 的 可 用 性 、 行 业 规则 适应 性 和 资源 投入 带 来 的 附加 价值 。 


价值 与 模式 的 确立 是 行业 设计 的 起 点 ， 是 基于 一 个 问题 的 思考 : 设计 能 不 能 决定 一 个 行业 服务 的 成 败 ” 我 们 可 以 对 Apple 
Pay 入 华 的 事件 加 以 分 析 。 虽 然 有 系统 级 入 口 前 置 和 极 简 体验 的 保障 ， 但 它 目 前 自身 的 定位 是 一 个 纯粹 的 支付 工具 。 要 获得 商业 
上 的 成 功 ， 它 依然 需要 全 面 的 渠道 渗透 、 强 大 的 线 下 运营 能 力 和 完善 的 商家 服务 体系 ， 充 分 占领 用 户 心 智 。 这 需要 整个 生态 要 素 
之 间 的 协同 配合 。 


确立 行业 的 服务 价值 和 模式 之 后 ， 则 需要 通过 服务 设计 的 实现 、 检 验 和 进化 完成 整个 服务 的 落地 。 其 中 要 特别 强调 通电 检验 
的 过 程 。 这 个 过 程 对 服务 设计 的 价值 判断 以 及 发 掘 服务 缺口 提供 了 流程 支持 。 


行业 嵌入 式 设 计 流 程 如 图 7 所 示 。 


泻 将 贱 澳 





图 7 行业 谋 入 式 设计 流程 


下 面 以 医疗 行业 为 例 ， 逐 步 分 解 行业 嵌入 式 设计 的 过 程 。 


第 一 步 ， 确 立 服 务 价值 和 模式 。 


首先 ,我 们 需要 了 解 行业 生态 状况 。 我 们 的 学 习 渠 道 可 以 是 行业 现状 报道 、 竞 品 分 析 、 行 业 从 业者 走访 以 及 真实 用 户 随访 ， 
如 图 8 所 示 。 


行业 走访 


行业 从 业者 





图 8 分析 行业 生态 状况 的 信息 渠道 


其 次 ， 进 入 行业 时 设计 师 从 获取 的 信息 中 剖析 各 个 生态 角色 之 间 的 关系 和 现存 问题 ， 如 图 9 所 示 。 
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图 9 医疗 行业 生态 角色 之 间 的 关系 和 现存 问题 


每 条 链 路 上 的 问题 都 可 能 成 为 服务 机 会 。 目 前 已 经 有 很 多 创业 项 目 开始 切入 患者 到 医生 、 医 生 到 医院 或 医院 到 患者 的 其 中 一 
条 链 路 ， 解 决 现存 问题 ， 如 图 10 所 示 。 


根据 对 支付 宝 的 优势 能 力 的 判断 ， 我 们 可 以 定位 切入 患者 到 医院 之 间 “ 三 长 一 短 ” 的 问题 ， 即 挂号 、 候 诊 、 收 费 队伍 长 ,看 
病 时 间 短 。 借 用 在 线 支付 模式 缩短 服务 路 径 。 


最 后 ， 设 计 师 还 需要 和 团队 一 起 确立 服务 模式 。 常 见 的 行业 互联 网 化 模式 有 两 种 。 


流量 控制 


信息 和 资产 安全 





图 10 分析 服务 链条 片段 中 生态 角色 间 的 价值 


一 种 是 以 违章 缴 罚 为 代表 的 “ 线 上 为 主 模式 ”。 因 为 ， 当 把 线 下 缴费 的 一 段 服务 搬 到 线 上 时 ， 可 以 通过 较 短 的 体验 路 径 ， 实 
现 服务 闭环 。 设 计 师 需要 寻找 合适 的 产品 入 口 和 极 简 化 服务 路 径 ， 如 图 11 所 示 。 如 水 电 煤 缴费 的 行业 中 ， 因 为 缴 存 方式 差异 ， 
有 预 缴 和 后 付费 等 方式 ， 所 以 服务 方案 中 需要 引入 时 间 体 验 维度 。 


另 一 种 是 “ 线 下 为 主 模式 ”。 当 设计 分 析 将 行业 服务 中 的 一 段 襄 入 线 上 服务 后 ， 线 下 依然 是 提供 服务 的 主场 景 和 体验 闭环 ， 
比如 医疗 行业 。 设 计 师 除了 设 定 合理 的 入 口 需求 外 ， 还 需要 寻找 线 上 和 线 下 的 场景 交集 ， 实 现 相 互 引流 。 场 景 的 转移 ， 时 空 的 变 
迁 ， 环 境 的 限制 和 影响 ， 人 和 群 类 型 的 分 化 都 是 设计 问题 ， 如 图 12 所 示 。 





时 间 因 素 


图 11 线 上 为 主 的 行业 服务 模式 


线 下 为 主 


场景 的 转移 

时 室 的 变迁 
环境 的 限制 和 影响 
人 群 类 型 的 分 化 


图 12” 线 下 为 主 的 行业 服务 模式 


第 二 步 ， 服 务实 现 。 基 于 服务 价值 和 模式 的 判断 ， 设 计 师 需要 完成 服务 实现 的 方案 。 从 患者 到 医院 “三 长 一 短 ” 问 题 出 发 ， 
梳理 可 以 线 上 和 线 下 结合 的 场景 ， 如 图 13 所 示 。 


优化 匹配 资源 ， 提 高 服务 质量 


诊 前 : 挂号 
诊 中 : 检查 响 ， 检 查 报告 
诊 后 : 加 号 


图 13 支付宝 解决 服务 问题 的 场景 选择 








通过 线 上 挂号 平台 ， 进 入 医院 服务 窗 完成 挂号 和 缴费 等 环节 ， 并 且 在 线 下 的 挂号 缴费 窗口 布设 了 大 量 的 物料 引导 用 户 使 用 ， 
如 图 14 所 示 。 


价值 输出 、 能 力 谋 入 


挂号 缴费 不 排队 





线 下 场景 入 口 


图 14 实现 线 上 和 线 下 场景 交集 的 服务 方案 


第 三 步 ， 通 电 检 验 。 在 方案 实现 后 ， 我 们 需要 快速 进入 通电 检验 环节 。 顾 名 思 义 ，“ 通 电 ” 就 是 要 回 到 实际 的 服务 场景 中 
去 ，“ 插 上 电 ” ， 看 看 有 没有 断路 或 短路 的 问题 ， 并 且 检 验 价值 是 否 成 立 。 举 个 例子 可 以 看 到 通电 检验 的 价值 。 一 家 很 成 功 的 在 
线 医 疗 服务 公司 开始 建设 线 下 诊所 服务 模式 ， 但 实际 运行 中 却 因为 医生 不 愿 拿 出 休息 时 间 坐 诊 ， 缺 少 统一 的 流程 而 没有 明确 收费 
标准 导致 运行 无 法 快速 运转 。 我 们 正 需要 通过 通电 检验 发 现 服务 价值 问题 和 服务 触 达 效果 。 


在 实际 使 用 场景 中 ， 我 们 挖掘 到 医院 服务 窗 模 式 触 达 效率 不 高 有 两 个 最 大 的 原因 ， 如 图 15 所 示 。 


三 儿 有 最 务 窗 线 下 调研 ”随机 拦 访 73 和 人 


不 主动 改 概 支付 习 懒 的 用 户 , 在 意 守 局 大 


社保 是 用 户 支付 决策 的 关键 


42.59% 没 有 昕 说 过 服务 窗 , 从 挂号 到 就 诊 结束 所 局 瑟 


要 从 线 下 到 线 上 创建 认 知 


添加 服务 窗 的 用 户主 要 是 看 中 "不 排队 "省 时 





图 15 通过 用 户 随访 定位 服务 触 达 问题 


接 下 来 ， 设 计 师 通过 模拟 不 同 就 医 任务 来 发 气流 程 中 的 问题 。 模 拟 患者 在 进入 医院 后 先 挂号 ， 到 最 后 离开 医院 之 间 可 能 经 历 
的 各 条 就 医 路 径 。 通 过 分 析 发 现 ， 如 果 一 次 问 诊 的 起 点 是 挂号 ， 我 们 已 经 可 以 通过 线 上 或 线 下 的 方式 快速 解决 。 但 后 续 的 诊断 、 
治疗 、 领 取 报告 的 任务 存在 很 多 排队 等 候 的 中 间 环 节 ， 而 且 它 们 有 一 个 共性 特征 ， 就 是 “通过 医生 指令 或 医生 确认 后 出 发 ， 又 回 
到 医生 诊室 的 一 个 个 小 循环 ”。 


选取 一 个 最 常见 的 任务 为 例 ， 在 结束 问 诊 到 后 续 各 类 缴费 环节 ， 是 支付 宝 可 以 缩短 服务 路 径 的 突破 点 ， 如 图 16 所 示 。 
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图 16 ”缩短 服务 路 径 的 突破 点 


第 四 步 ， 服 务 优化 。 我 们 找到 了 一 个 “医生 诊室 ”这 个 关键 因素 ， 并 希望 将 后 续 需 要 方位 转移 、 排 队 等 候 的 缴费 环节 都 收敛 
到 线 上 。 于 是 ， 设 想 了 一 个 方案 : 在 诊室 门口 及 院内 交通 枢纽 集中 布设 小 型 一 体 缴费 机 。 患 者 能 通过 插入 医保 卡 一 一 支付 宝 扫 
码 的 过 程 ， 一 步 完 成 医保 、 现 金 组 合 支 付 。 在 完成 支付 后 ， 用 户 可 以 回 到 支付 宝 医 院 服 务 窗 ， 根 据 院内 导航 直达 下 一 站 ， 实 现 线 
下 到 线 上 的 服务 串联 ， 如 图 17~ 图 19 所 示 。 








诊室 门口 及 院内 交通 枢纽 一 步 完成 医保 、 现 多 
集中 布设 小 型 一 体 缴费 机 组 合 支 付 


以 上 以 医疗 行业 的 服务 设计 为 例 ， 介 绍 了 如 何 嵌 入 一 个 行业 进行 服务 设计 的 方法 和 思考 过 程 。 设 计 师 从 进入 行业 到 逐渐 深入 
解决 行业 问题 的 过 程 中 ， 可 以 加 以 借鉴 和 应 用 。 
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图 18 服务 进化 方案 的 实现 思路 


缴费 样机 通电 检验 


价值 验证 
年 轻 人 群 接受 度 高 
视 医 院 拥挤 、 束 悉 状 况 而 定 


收集 疑问 

需要 有 单据 性 证 (4/5) 
医院 是 否 承 认 线 上 流程 
是 否 需 要 提前 充值 





图 19 缴费 样机 的 通电 检验 


其 中 最 难 的 也 最 需要 设计 师 做 到 的 思考 过 程 是 : 价值 与 模式 的 判断 以 及 在 通电 检验 中 找到 设计 进化 的 方向 。 行 业 的 特点 和 难 
点 也 决定 了 针对 它 解决 问题 时 的 乐趣 所 在 。 


[1] 服务 蓝图 定义 .http://www.setvicedesigntools.otg/tools/35. 
DP] 体验 地 图 定义 .http://www.setvicedesigntools.ote/tools/8. 


做 设计 


06 行业 服务 设计 的 思考 与 实践 


文 /分 烨 


支付 宝 有 一 个 行业 产品 线 。 这 条 线 上 的 工作 很 多 时 候 看 上 去 并 不 是 单纯 的 “互联 网 化 ”。 因 为 多 数 时 候 我 们 是 在 摸索 如 何 改 
善 现 实 社会 服务 的 效率 和 体验 。 在 行业 产品 线 工 作 几 个 月 时 间 ， 我 发 现 了 很 多 业务 的 机 遇 与 设计 的 挑战 ， 在 此 分 享 一 下 。 


第 1 节 ”社会 服务 行业 的 大 趋势 


互联 网 发 展 到 今天 ， 已 不 再 满足 于 创造 社会 的 虚拟 平行 世界 了 。 如 果 说 过 去 十 几 年 互联 网 的 基础 建设 像 浚 通 的 主动 脉 一 样 鼓 
动 强力 脉 捕 ， 那 么 接 下 来 的 10 年 互联 网 技术 已 然 像 毛细 血管 一 样 渗透 到 | 方方面面 。 


当前 可 以 覆盖 的 互联 网 人 群 增 量 已 经 进入 平台 期 ， 人 口红 利 消 失 殖 尽 ， 只 能 通过 服务 升级 的 方式 在 增 量 场景 中 获得 价值 转 
化 。 在 这 个 过 程 中 ， 互 联网 服务 需要 从 虚拟 的 基础 建设 转变 成 与 现实 社会 规则 、 社 会 运行 方式 、 社 会 习惯 相 融 合 的 方式 。 这 个 过 
程 互联 网 一 方面 应 解决 信息 效率 问题 ， 比 如 提升 信息 获取 便捷 性 和 传播 效率 ， 通 过 大 数据 存储 和 计算 能 力 提升 信息 处 理 能 力 ; 另 
一 方面 应 帮助 服务 升级 ， 改 善 社会 分 工 和 协作 效率 ， 减 少 管理 成 本 和 法 制 成 本 ， 加 强 信息 安全 和 风险 控制 ， 促 进 社会 公平 公正 ， 
带 来 新 的 社会 价值 和 商业 模式 。 


恰 逢 “互联 网 + ”的 春风 吹 起 ， 让 社会 民生 服务 互联 网 化 如 雨后春笋 般 昔 发。 社会 服务 行业 互联 网 化 是 一 片 巨大 的 “ 蓝 
海 ”。 政 府 每 年 信息 化 投入 数 以 亿 计 ， 与 此 同时 ， 信 息 化 基础 相对 升级 缓慢 ， 整 体 数据 架构 还 比较 陈 上 日 ， 不 能 支撑 起 全 网 全 量 的 
需求 。 行 业 类 型 差异 和 地 域 差异 形成 的 信息 孤岛 ， 影 响 了 服务 能 力 和 效率 。 支 付 宝 目前 已 在 社会 服务 领域 耕耘 多 年 ， 在 很 多 行业 
扎根 (图 1) ， 一 方面 倾 力 于 社会 服务 行业 中 提升 整体 服务 效率 和 质量 ， 另 一 方面 正在 攻克 诸多 服务 设计 的 问题 。 





图 1 支付 宝 进 入 的 行业 领域 


第 2 节 行业 产品 设计 特点 
1 行业 产品 服务 特点 


基于 上 述 社 会 服务 行业 的 现状 分 析 ， 可 以 看 出 把 互联 网 意识 和 方法 渗透 到 社会 服务 是 一 块 未 开垦 的 处 女 地 。 实 践 中 会 面临 以 
下 两 大 问题 。 
(1) 在 一 个 行业 中 设计 师 无 法 直接 寻求 通用 解决 方案 


因为 通用 解决 方案 难以 适应 不 同 地 域 和 人 群 ， 不 能 一 路 而 就 。 所 以 一 方面 需要 充分 理解 行业 现状 和 限制 ， 尊 重 政策 和 行业 ; 
另 一 方面 ， 要 清晰 地 识别 出 价值 援 动 点 ， 采 取 单 点 突进 并 渐进 演化 的 策略 。 只 有 把 服务 问题 一 个 一 个 地 解决 了 ， 渐 渐 掌 握 整 个 服 
务 体系 中 必要 资源 后 ， 才 有 可 能 寻求 通用 解决 方案 。 


(2) 在 既 有 设计 经 验 指导 下 的 服务 体验 方案 在 落地 过 程 中 会 遇 到 各 种 意 想不到 的 现实 问题 


我 们 历来 奉 为 圭 泉 的 用 户 体验 设计 原则 ， 如 极 简 的 用 户 操作 、 稳 定 及 时 的 信息 反馈 、 符 合用 户 预 期 的 业务 逻辑 ， 都 可 能 受到 
诸多 因素 影响 ， 如 跨 系统 数据 对 接 、 原 有 业务 规则 约束 、 业 已 成 形 的 并 非 以 用 户 为 中 心 构架 的 技术 框架 等 等 。 综 上 所 述 ， 提 供 一 
个 平衡 且 完 善 的 行业 服务 体验 是 一 个 非常 复杂 而 困难 的 工作 。 


2 行业 产品 服务 设计 的 案例 
下 面 我 们 来 分 享 一 个 现实 生活 中 的 案例 ， 以 说 明 提供 合理 的 社会 服务 是 一 个 复杂 的 系统 工程 ， 对 设计 意识 及 设计 要 求 都 有 所 
不 同 。 


在 我 生活 的 城市 ， 家 庭 自 有 车 辆 已 日 趋 物 和 。 更 方便 合理 地 停车 已 经 成 为 者 社区 的 改造 、 新 社区 的 设计 以 及 公共 环境 规划 中 
不 容 忽视 的 问题 。 政 府 的 便民 措施 之 一 就 是 大 量 建造 公共 地 下 车 库 ， 如 图 2 所 示 。 


在 图 2 中 ， 你 会 发 现在 双 车 道 对 流通 道 的 一 出， 一 字 排 开 停 满 了 中 大 型 SUV。 这 个 场景 犹如 把 地 上 拥堵 的 小 区 街道 的 占 道 售 
车 搬 到 了 地 下 。 通 过 仔细 分 析 可 以 发 现 ， 并 不 是 这 些 车 主 缺 乏 素 质 ， 而 是 因为 车 位 单元 的 设计 有 一 个 小 瑕 妆 ， 如 图 3 所 示 。 每 个 
车 位 单元 顶层 都 有 一 根 红色 的 消防 管道 ， 直 接 压 低 了 车 位 的 限 高 ， 导 致 SUV 之 类 的 大 车 无 法 停 入 车 位 。 





图 2 一 个 公共 地 下 车 库 的 停车 实景 





图 3 公共 地 下 车 库 内 部 车 位 单元 的 建造 实景 


公共 地 下 车 库 的 设计 是 一 个 复杂 的 系统 工程 。 我 初步 分 析 ， 人 存在 如 图 4 所 示 的 几 个 设计 阶段 (我 们 在 这 里 把 设计 广义 地 定义 
为 项 目 实现 过 程 的 解决 方案 ) 。 由 工程 的 价值 判断 开始 ， 进 而 完成 合理 化 设计 ， 在 实施 过 程 中 依然 有 繁复 的 设计 决策 。 在 整个 系 
统 工程 中 ， 车 位 结构 的 设计 没有 充分 地 估计 到 当地 家 庭 车 辆 购买 决策 的 趋势 ， 按 设想 中 常规 乘 用 轿车 的 规格 来 设 定 车 位 单元 的 建 
造 规格 。 才 出 现 了 图 4 中 看 到 的 实际 使 用 情况 。 


实施 设计 

招商 、 施 工 建造 、 物 业 管理 、 收 费 模式 …… 

合理 化 设计 

容量 估算 、 出 入 口 、 车 流 路 径 、 车 位 结构 、 给 排水 、 导 引 系统 …… 
价值 设计 

需求 量 、 改 造成 本 、 预 算 、 社 会 意义 …… 


图 4 ”一 个 公共 地 下 车 库 的 系统 化 设计 


对 上 面 的 公共 地 下 车库 案 例 的 分 析 ， 我 们 可 以 总 结 出 科学 设计 过 程 ， 来 控制 服务 质量 ， 如 图 5 所 示 。 


se 试点 阶段 进行 服务 优化 
* 深入 实际 场景 中 发 现 服务 问题 


。 分 辩 天 键 影响 因子 





图 5 ”社会 服务 行业 设计 过 程 模型 


第 一 步 ， 分 辨 关键 影响 因子 。 在 价值 设 定 合 理 的 基础 上 ， 完 成 合理 化 设计 ， 设 计 师 需要 清楚 地 分 辨 出 影响 服务 的 关键 因子 。 
以 地 下 车库 为 例 ， 首 先 ， 车 库 建 造 容 量 决定 了 是 否 能 充分 消炎 附近 社区 停车 难 、 乱 停车 的 现象 ; 其次， 出 入 口 位 置 和 和 车流 路 径 的 
合理 性 决定 地 上 和 地 下 衔接 的 便捷 性 ; 最后， 每 个 车 位 单元 的 结构 设计 决定 了 车 辆 是 否 能 便捷 倒车 进入 ， 也 关联 影响 了 车 库 建造 
容量 以 及 建造 成 本 。3 个 影响 合理 性 的 重要 因素 对 比 而 言 ， 最 关键 的 影响 因素 是 “车 位 单元 设计 ”。 案 例 中 就 是 没有 处 理 好 这 个 
关键 影响 因素 的 设计 问题 ， 而 导致 系统 服务 效能 的 下 降 。 

第 二 步 ， 深 入 实际 场景 中 发 现 服 务 问题 。 在 完成 合理 化 设计 后 ， 会 进入 试点 完成 设计 实施 。 设 计 被 实施 后 远 没 有 结束 。 这 个 
过 程 好 比 在 软件 开发 过 程 中 ， 设 计 经 历 开 发 和 测试 以 及 灰 度 发 布 后 ， 还 没有 真正 结束 。 试 点 的 服务 在 投放 市 场 运行 后 ， 必 须 继续 
深入 实地 场景 ， 从 真实 使 用 用 户 、 服 务 参 与 者 、 管 理 方 等 多 方面 审视 服务 体验 、 挖 掘 服务 问题 。 


假如 案例 中 ， 有 相关 设计 师 介入 地 下 车 库 实 地 调查 或 者 负责 车 库 的 日 常 维 养 员 工 把 停车 秩序 问题 反馈 到 项 目 责任 方 ， 就 能 
好 地 反映 出 设计 问题 。 

第 三 步 ， 试 点 阶段 进行 服务 优化 。 初 期 设计 方案 的 试点 是 验证 合理 性 并 了 解 服务 效果 的 最 佳 机 会 。 如 果 验 证 方案 被 证 实 其 合 
理性 ， 就 可 以 复制 相同 的 模式 ;而 一 旦 发 现 服务 问题 ， 就 需要 再 完成 方案 优化 ， 继 续 验证 后 再 广泛 投放 。 这 是 有 效 控制 服务 能 力 
和 节约 成 本 的 有 效 办 法 。 

以 上 过 程 是 将 互联 网 /软件 开发 的 迭代 模式 应 用 到 实体 服务 设计 过 程 的 重要 步骤 。 后 续 可 以 通过 一 个 实际 发 生 的 医疗 行业 的 
案例 做 更 深入 的 了 解 。 


第 3 节 ”在 行业 设计 中 如 何 发 挥 设计 价值 

如 图 1 所 示 ， 医 疗 、 社 保 、 水 电 煤 、 演 出 票务 、 养 车 等 这 些 行业 具备 过 异 的 行业 特点 和 互联 网 化 的 模式 。 设 计 师 要 如 何 应 对 
这 错综复杂 的 行业 问题 ， 发 挥 自己 独特 的 价值 呢 ? 

每 个 行业 在 互联 网 化 的 进程 中 都 有 着 一 个 相同 的 发 展 规律 ， 我 们 应 该 从 这 个 规律 切入 ， 采 取 不 同 的 设计 策略 。 如 图 6 所 示 。 


一 个 行业 在 互联 网 化 的 初期 ， 我 们 称 为 “萌芽 期 ”， 因 为 有 很 多 不 同 的 服务 形态 在 萌发 ， 同 时 又 比较 依存 于 政策 和 行业 现 
状 。 设 计 师 可 以 从 用 户 和 机 构 的 需求 出 发 ， 洞 见 服务 价值 ， 通 过 一 些小 而 精 的 场景 验证 服务 模式 。 例 如 ， 健 康 医 疗 服务 的 整个 链 
路 很 长 ， 包 含 分 诊 、 挂 号 、 就 医 、 购 药 、 住 院 、 体 检 等 。 前 芽 期 ， 团 队 选 择 了 “挂号 ”的 高 频 细 分 场景 ， 进 而 定位 并 匹配 用 户 及 


机 构 在 服务 中 的 需求 ， 挖 掘 解决 号 源 问题 到 支付 预约 的 服务 片段 。 下 文 将 详细 分 解 相 天 的 案例 。 










快速 复制 
规模 化 
成 熟 期 
归 一 化 
政策 突破 
形态 多 样 化 
依存 于 政策 成 长 其 


萌芽 期 


洞 见 需求 与 价值 寻找 缺口 与 突破 


图 6 ”适应 行业 发 展 规律 的 设计 策略 


一 个 行业 的 服务 渐渐 发 展 壮大 ， 进 入 “成 长 期 ”， 因 为 地 域 或 政策 的 差异 积累 了 越 来 越 多 的 产品 形态 及 体验 的 差异 。 设 计 师 
的 价值 在 于 帮助 团队 定位 到 未 被 满足 的 服务 缺口 ， 并 找到 最 适用 的 解决 方案 。 设 计 师 一 方面 需要 从 行业 理解 的 高 度 ， 梳 理 出 通用 
的 解决 方案 ; 另 一 方面 需要 在 和 政府 、 机 构建 立足 够 的 沟通 与 信任 后 ， 引 导 他 们 有 意识 、 有 意愿 地 参与 ， 通 过 政策 优化 ， 促 进 用 
户 服务 体验 改善 。 例 如 ， 当 健康 医疗 服务 进入 “成 长 期 ”， 团 队 应 以 服务 受众 的 核心 需求 出 发 ， 在 政策 限制 中 发 挥 更 多 的 主动 
权 。 如 设计 师 需要 挖掘 需求 的 满足 程度 ， 并 发 现 纯粹 的 现金 结算 并 不 能 为 患者 带 来 切实 的 方便 ， 因 为 患者 更 在 意 由 医保 渠道 支 
出 。 因 此 在 将 近 1 年 的 磨合 和 引导 下 ， 团 队 终 于 和 国内 部 分 城市 的 社保 局 联合 实现 了 医保 在 线 支付 方案 。 


进入 一 个 行业 后 落地 了 一 些 基 础 模式 ， 并 渐渐 获得 了 一 定 的 行业 经 验 和 市 场 渗透 ， 就 进入 了 “成熟 期 ”。 产 品 需要 进入 更 快 
的 复制 阶段 。 设 计 师 应 该 提供 通用 的 规范 和 设计 指南 以 统一 服务 体验 。 


第 4 节 ”行业 产品 设计 方法 


1. 服 务 设计 思想 及 一 般 思 考 工 具 


行业 产品 存在 多 个 服务 环节 ， 服 务 的 过 程 可 能 跨越 时 间 和 空间 ， 服 务 体系 中 存在 多 个 生态 角色 ， 可 能 由 多 个 服务 组 织 机 构 提 
供 服 务 ， 因 此 有 必要 引入 服务 设计 的 意识 和 方法 。 服 务 设计 思想 的 精髓 是 通过 系统 化 设计 影响 服务 的 全 方位 因素 ， 来 提升 服务 触 
点 的 体验 。 


服务 设计 最 常用 的 两 个 思考 工具 ， 分 别 是 服务 蓝图 和 体验 地 图 。 


服务 蓝图 [1 是 一 种 详尽 描述 服务 交互 的 本 质 和 特性 的 操作 工具 ， 以 验证 、 实 现 和 维护 服务 。 它 基于 图 形 化 技术 ， 直 观 地 呈现 
整个 客户 体验 过 程 中 前 台 可 见 和 后 台 不 可 见 的 功能 : 所 有 规划 安排 的 用 户 体验 接触 点 以 及 后 台 进 程 。 设 计 师 通过 分 析 服 务 参与 
者 、 技 术 、 流 程 、 环 境 等 一 切 影 响 服务 的 因素 ， 并 构建 服务 触 达 的 时 机 、 触 点 和 通道 。 服 务 蓝图 通常 适合 全 新 的 服务 领域 或 颠覆 
式 改 造 一 种 服务 模式 。 与 此 同时 ， 它 要 求 掌握 整个 系统 资源 来 实现 整体 服务 体验 的 控制 。 


体验 地 图 四 是 在 不 同 的 接触 点 上 以 导向 性 的 图 表 描 述 用 户 和 服务 的 相互 关系 。 与 服务 蓝图 不 同 的 是 ， 体 验 地 图 会 着 重 强调 信 
息 流 和 物理 设备 ， 比 服务 蓝图 更 概括 、 精 练 。 体 验 地 图 侧重 从 用 户 的 角度 出 发 ， 挖 气 用 户 经 历 服务 的 感受 和 方式 ， 来 发 现 提供 和 


优化 服务 的 机 会 。 


行业 设计 师 因 为 行业 产品 设计 的 难点 ， 无 法 全 盘 实 现 颠 覆 式 的 服务 设计 ， 也 需要 依赖 系统 的 现行 规则 来 落地 方案 。 所 以 需要 
制订 行业 嵌入 式 设 计 方 法 。 设 计 师 需要 转变 看 待 问题 的 视角 和 心态 ， 调 整 解决 问题 的 方法 。 


2. 行 业 谋 入 式 设计 方法 


行业 嵌入 式 设 计 方法 的 独特 性 在 于 设计 师 要 从 服务 价值 判断 入 手 ， 并 且 与 行业 系统 深入 衔接 。 服 务 价值 判断 的 过 程 就 是 在 自 
然 地 切 分 行业 生态 角色 之 间 的 利益 关系 和 依赖 关系 ， 并 发 现 关 系 链 条 中 没有 被 满足 的 需求 ， 进 而 有 机 会 通过 自身 的 优势 能 力 援 开 
这 个 关系。 与 行业 系统 深入 衔接 ， 要 求 设计 师 能 深入 行业 的 服务 体系 中 ， 了 解 服务 场景 并 构建 服务 的 入 口 和 闭环 。 此 外 ， 行 业 饿 
入 式 设 计 的 衡量 价值 标准 是 “平衡 ”， 兼 顾 用 户 需 求 的 可 用 性 、 行 业 规则 适应 性 和 资源 投入 带 来 的 附加 价值 。 


价值 与 模式 的 确立 是 行业 设计 的 起 点 ， 是 基于 一 个 问题 的 思考 : 设计 能 不 能 决定 一 个 行业 服务 的 成 败 ” 我 们 可 以 对 Apple 
Pay 入 华 的 事件 加 以 分 析 。 虽 然 有 系统 级 入 口 前 置 和 极 简 体验 的 保障 ， 但 它 目 前 自身 的 定位 是 一 个 纯粹 的 支付 工具 。 要 获得 商业 
上 的 成 功 ， 它 依然 需要 全 面 的 渠道 渗透 、 强 大 的 线 下 运营 能 力 和 完善 的 商家 服务 体系 ， 充 分 占领 用 户 心 智 。 这 需要 整个 生态 要 素 
之 间 的 协同 配合 。 


确立 行业 的 服务 价值 和 模式 之 后 ， 则 需要 通过 服务 设计 的 实现 、 检 验 和 进化 完成 整个 服务 的 落地 。 其 中 要 特别 强调 通电 检验 
的 过 程 。 这 个 过 程 对 服务 设计 的 价值 判断 以 及 发 掘 服务 缺口 提供 了 流程 支持 。 


行业 嵌入 式 设 计 流 程 如 图 7 所 示 。 


泻 将 贱 澳 





图 7 行业 谋 入 式 设计 流程 


下 面 以 医疗 行业 为 例 ， 逐 步 分 解 行业 嵌入 式 设计 的 过 程 。 


第 一 步 ， 确 立 服 务 价值 和 模式 。 


首先 ,我 们 需要 了 解 行业 生态 状况 。 我 们 的 学 习 渠 道 可 以 是 行业 现状 报道 、 竞 品 分 析 、 行 业 从 业者 走访 以 及 真实 用 户 随访 ， 
如 图 8 所 示 。 


行业 走访 


行业 从 业者 





图 8 分析 行业 生态 状况 的 信息 渠道 


其 次 ， 进 入 行业 时 设计 师 从 获取 的 信息 中 剖析 各 个 生态 角色 之 间 的 关系 和 现存 问题 ， 如 图 9 所 示 。 
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图 9 医疗 行业 生态 角色 之 间 的 关系 和 现存 问题 


每 条 链 路 上 的 问题 都 可 能 成 为 服务 机 会 。 目 前 已 经 有 很 多 创业 项 目 开始 切入 患者 到 医生 、 医 生 到 医院 或 医院 到 患者 的 其 中 一 
条 链 路 ， 解 决 现存 问题 ， 如 图 10 所 示 。 


根据 对 支付 宝 的 优势 能 力 的 判断 ， 我 们 可 以 定位 切入 患者 到 医院 之 间 “ 三 长 一 短 ” 的 问题 ， 即 挂号 、 候 诊 、 收 费 队伍 长 ,看 
病 时 间 短 。 借 用 在 线 支付 模式 缩短 服务 路 径 。 


最 后 ， 设 计 师 还 需要 和 团队 一 起 确立 服务 模式 。 常 见 的 行业 互联 网 化 模式 有 两 种 。 


流量 控制 


信息 和 资产 安全 





图 10 分析 服务 链条 片段 中 生态 角色 间 的 价值 


一 种 是 以 违章 缴 罚 为 代表 的 “ 线 上 为 主 模式 ”。 因 为 ， 当 把 线 下 缴费 的 一 段 服务 搬 到 线 上 时 ， 可 以 通过 较 短 的 体验 路 径 ， 实 
现 服务 闭环 。 设 计 师 需要 寻找 合适 的 产品 入 口 和 极 简 化 服务 路 径 ， 如 图 11 所 示 。 如 水 电 煤 缴费 的 行业 中 ， 因 为 缴 存 方式 差异 ， 
有 预 缴 和 后 付费 等 方式 ， 所 以 服务 方案 中 需要 引入 时 间 体 验 维度 。 


另 一 种 是 “ 线 下 为 主 模式 ”。 当 设计 分 析 将 行业 服务 中 的 一 段 襄 入 线 上 服务 后 ， 线 下 依然 是 提供 服务 的 主场 景 和 体验 闭环 ， 
比如 医疗 行业 。 设 计 师 除了 设 定 合理 的 入 口 需求 外 ， 还 需要 寻找 线 上 和 线 下 的 场景 交集 ， 实 现 相 互 引流 。 场 景 的 转移 ， 时 空 的 变 
迁 ， 环 境 的 限制 和 影响 ， 人 和 群 类 型 的 分 化 都 是 设计 问题 ， 如 图 12 所 示 。 
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图 11 线 上 为 主 的 行业 服务 模式 


线 下 为 主 


场景 的 转移 

时 室 的 变迁 
环境 的 限制 和 影响 
人 群 类 型 的 分 化 


图 12” 线 下 为 主 的 行业 服务 模式 


第 二 步 ， 服 务实 现 。 基 于 服务 价值 和 模式 的 判断 ， 设 计 师 需要 完成 服务 实现 的 方案 。 从 患者 到 医院 “三 长 一 短 ” 问 题 出 发 ， 
梳理 可 以 线 上 和 线 下 结合 的 场景 ， 如 图 13 所 示 。 


优化 匹配 资源 ， 提 高 服务 质量 


诊 前 : 挂号 
诊 中 : 检查 响 ， 检 查 报告 
诊 后 : 加 号 


图 13 支付宝 解决 服务 问题 的 场景 选择 








通过 线 上 挂号 平台 ， 进 入 医院 服务 窗 完成 挂号 和 缴费 等 环节 ， 并 且 在 线 下 的 挂号 缴费 窗口 布设 了 大 量 的 物料 引导 用 户 使 用 ， 
如 图 14 所 示 。 


价值 输出 、 能 力 谋 入 


挂号 缴费 不 排队 





线 下 场景 入 口 


图 14 实现 线 上 和 线 下 场景 交集 的 服务 方案 


第 三 步 ， 通 电 检 验 。 在 方案 实现 后 ， 我 们 需要 快速 进入 通电 检验 环节 。 顾 名 思 义 ，“ 通 电 ” 就 是 要 回 到 实际 的 服务 场景 中 
去 ，“ 插 上 电 ” ， 看 看 有 没有 断路 或 短路 的 问题 ， 并 且 检 验 价值 是 否 成 立 。 举 个 例子 可 以 看 到 通电 检验 的 价值 。 一 家 很 成 功 的 在 
线 医 疗 服务 公司 开始 建设 线 下 诊所 服务 模式 ， 但 实际 运行 中 却 因为 医生 不 愿 拿 出 休息 时 间 坐 诊 ， 缺 少 统一 的 流程 而 没有 明确 收费 
标准 导致 运行 无 法 快速 运转 。 我 们 正 需要 通过 通电 检验 发 现 服务 价值 问题 和 服务 触 达 效果 。 


在 实际 使 用 场景 中 ， 我 们 挖掘 到 医院 服务 窗 模 式 触 达 效率 不 高 有 两 个 最 大 的 原因 ， 如 图 15 所 示 。 


三 儿 有 最 务 窗 线 下 调研 ”随机 拦 访 73 和 人 


不 主动 改 概 支付 习 懒 的 用 户 , 在 意 守 局 大 


社保 是 用 户 支付 决策 的 关键 


42.59% 没 有 昕 说 过 服务 窗 , 从 挂号 到 就 诊 结束 所 局 瑟 


要 从 线 下 到 线 上 创建 认 知 


添加 服务 窗 的 用 户主 要 是 看 中 "不 排队 "省 时 





图 15 通过 用 户 随访 定位 服务 触 达 问题 


接 下 来 ， 设 计 师 通过 模拟 不 同 就 医 任务 来 发 气流 程 中 的 问题 。 模 拟 患者 在 进入 医院 后 先 挂号 ， 到 最 后 离开 医院 之 间 可 能 经 历 
的 各 条 就 医 路 径 。 通 过 分 析 发 现 ， 如 果 一 次 问 诊 的 起 点 是 挂号 ， 我 们 已 经 可 以 通过 线 上 或 线 下 的 方式 快速 解决 。 但 后 续 的 诊断 、 
治疗 、 领 取 报告 的 任务 存在 很 多 排队 等 候 的 中 间 环 节 ， 而 且 它 们 有 一 个 共性 特征 ， 就 是 “通过 医生 指令 或 医生 确认 后 出 发 ， 又 回 
到 医生 诊室 的 一 个 个 小 循环 ”。 


选取 一 个 最 常见 的 任务 为 例 ， 在 结束 问 诊 到 后 续 各 类 缴费 环节 ， 是 支付 宝 可 以 缩短 服务 路 径 的 突破 点 ， 如 图 16 所 示 。 
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图 16 ”缩短 服务 路 径 的 突破 点 


第 四 步 ， 服 务 优化 。 我 们 找到 了 一 个 “医生 诊室 ”这 个 关键 因素 ， 并 希望 将 后 续 需 要 方位 转移 、 排 队 等 候 的 缴费 环节 都 收敛 
到 线 上 。 于 是 ， 设 想 了 一 个 方案 : 在 诊室 门口 及 院内 交通 枢纽 集中 布设 小 型 一 体 缴费 机 。 患 者 能 通过 插入 医保 卡 一 一 支付 宝 扫 
码 的 过 程 ， 一 步 完 成 医保 、 现 金 组 合 支 付 。 在 完成 支付 后 ， 用 户 可 以 回 到 支付 宝 医 院 服 务 窗 ， 根 据 院内 导航 直达 下 一 站 ， 实 现 线 
下 到 线 上 的 服务 串联 ， 如 图 17~ 图 19 所 示 。 








诊室 门口 及 院内 交通 枢纽 一 步 完成 医保 、 现 多 
集中 布设 小 型 一 体 缴费 机 组 合 支 付 


以 上 以 医疗 行业 的 服务 设计 为 例 ， 介 绍 了 如 何 嵌 入 一 个 行业 进行 服务 设计 的 方法 和 思考 过 程 。 设 计 师 从 进入 行业 到 逐渐 深入 
解决 行业 问题 的 过 程 中 ， 可 以 加 以 借鉴 和 应 用 。 
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图 18 服务 进化 方案 的 实现 思路 


缴费 样机 通电 检验 


价值 验证 
年 轻 人 群 接受 度 高 
视 医 院 拥挤 、 束 悉 状 况 而 定 


收集 疑问 

需要 有 单据 任 证 (4/5) 
医院 是 否 承 认 线 上 流程 
是 否 需要 提前 充值 





图 19 缴费 样机 的 通电 检验 


其 中 最 难 的 也 最 需要 设计 师 做 到 的 思考 过 程 是 : 价值 与 模式 的 判断 以 及 在 通电 检验 中 找到 设计 进化 的 方向 。 行 业 的 特点 和 难 
点 也 决定 了 针对 它 解决 问题 时 的 乐趣 所 在 。 


[1] 服务 蓝图 定义 .http://www.setvicedesigntools.otg/tools/35. 
DP] 体验 地 图 定义 .http://www.setvicedesigntools.ote/tools/8. 


07 ”产品 设计 中 的 模块 化 思维 


文 / 顾 文 君 


当今 互联 网 产品 涉及 社会 生活 的 方方面面 ， 各 行 各 业 在 长 期 的 社会 服务 过 程 中 也 逐渐 形成 了 独 有 的 商业 模式 和 行业 特征 。 由 
于 行业 中 的 企业 属性 (如 服务 地 区 、 企 业 规模 、 发 展 方向 、 业 务 规则 等 ) 不 同 ， 即 便 是 相同 的 产品 形态 ， 也 会 存在 各 种 差异 化 的 
需求 。 并 且 这 些 企业 在 其 所 在 领域 经 营 多 年 ， 对 用 户 的 影响 力 是 极其 长 远 的。 因此 我 们 在 处 理 这 些 行业 产品 设计 的 过 程 中 ， 并 不 
是 一 味 地 去 颠 履 原 有 的 产品 形态 或 模式 ， 而 是 需要 找到 解决 差异 化 带 来 的 设计 问题 。 


既然 差异 化 有 其 存在 的 合理 性 和 必然 性 ， 在 设计 时 我 们 就 不 可 避免 地 会 遇 到 诸如 “需求 看 起 来 很 像 但 又 不 完全 相同 ” “难以 
找到 一 种 方案 解决 多 个 相似 需求 ”的 问题 ， 致 使 设计 周期 变 长 ， 而 过 程 中 的 重复 性 工作 片段 又 很 多 ， 设 计 效率 不 高 。 模 块 化 设计 
就 是 在 差异 化 和 高 效率 之 间 寻 求 一 个 平衡 点 的 方式 。 


第 1 节 ”什么 是 模块 化 设计 


广义 上 的 模块 化 设计 是 指 在 对 一 定 范 围 内 的 不 同 功能 或 相同 功能 不 同性 能 、 不 同 规格 的 产品 进行 功能 分 析 的 基础 上 ， 划 分 并 
设计 出 一 系列 功能 模块 ， 通 过 模块 的 选择 和 组 合 构成 不 同 产品 的 设计 方法 。 


模块 化 设计 已 广泛 应 用 于 工业 制造 及 计算 机 软件 行业 内 。 如 大 众 汽车 的 MQB 平 台 是 典型 的 模块 化 设计 应 用 ， 通 过 通用 模块 
复 用 及 不 同 模块 的 互 换 组 合 ， 大 大 节省 了 不 同 车 型 的 制造 成 本 。 大 众 高 尔 夫 和 奥迪 TT 都 可 以 共 线 生产 ， 共 享 部 件 ， 如 图 1 所 示 。 
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图 1 大 众 横 置 发 动机 模块 化 平台 (MQB) 


对 于 产品 体验 设计 而 言 ， 模 块 化 设计 可 以 将 产品 流程 、 信 息 结构 、 交 互 方式 、 表 现形 式 等 产品 组 成 要 素 模 块 化 。 模 块 不 是 死 
板 的 、 一 成 不 变 的 ， 而 是 在 一 定 的 合理 阔 值 范围 内 可 以 完整 表达 一 个 产品 要 素 或 者 产品 要 素 的 集合 。 一 个 功能 可 以 称 为 一 个 模 
块 ， 一 个 系统 也 可 以 称 为 一 个 模块 。 


通过 相同 模块 的 复 用 ， 可 减少 再 设计 成 本 ;而 通过 模块 间 的 组 合 及 互 换 ， 可 以 满足 差异 化 的 需求 。 在 保障 良好 的 体验 延续 性 
的 同时 ， 缩 短 设计 周期 ， 提 高 设计 效率 。 


第 2 节 ”模块 化 设计 方法 

模块 化 设计 方法 主要 分 为 “模块 划分 一 一 模块 设计 一 一 模块 组 合 ”3 个 设计 阶段 ， 对 应 产品 视角 从 宏观 到 微观 ， 再 回 到 宏观 
的 发 展 过 程 。 

1. 模 块 划分 


将 完整 的 用 户 路 径 进行 拆 分 ， 并 按照 解决 的 用 户 问题 进行 重新 归 类 。 拆 分 归 类 ， 实 质 上 是 帮助 我 们 摆脱 固有 业务 模式 带 来 的 
束缚 ， 进 而 从 更 接近 用 户 本 身 诉求 的 角度 出 发 ， 对 需求 进行 二 次 解构 的 过 程 。 


怎么 拆 ， 拆 多 细 ? 
我 们 在 设计 中 经 常会 沉淀 一 些 “ 设 计 规范 、 设 计 控件 ”， 那 么 模块 与 控件 有 什么 区 别 ? 


设计 控件 通常 是 以 页 面 基础 元 素 作 为 粒度 ， 如 字体 、 按 钮 、 输 入 框 等 ， 主 要 是 保障 这 些 基 础 元 素 的 表现 层 一 致 性 ， 而 模块 的 
粒度 没有 固定 的 说 法 ， 一 般 会 比 控件 来 得 更 大 ， 可 以 是 一 组 控件 的 组 合 ， 也 可 以 是 一 组 页 面 的 组 合 ， 并 赋予 其 解决 某 一 问题 、 实 
现 某 一 功能 的 能 力 。 控 件 与 模块 的 粒度 关系 如 图 2 所 示 。 


上 午 9:41 





转 到 银行 卡 
控件 1: 文本 框 一 姓名 收 款 人 姓名 
控件 2: 文本 框 卡号 。 收 款 人 银行 卡号 | a 
控件 3: 选择 项 一 一 ”银行 选择 银行 》 


图 2 ”控件 与 模块 的 粒度 关系 
(1) 模块 划分 标准 
1) 单一 性 


模块 粒度 需要 尽 可 能 小 ， 一 个 模块 以 解决 用 户 的 一 个 需求 为 主 。 


单一 模块 应 该 具备 完整 性 ， 内 部 流程 上 应 当 是 一 个 闭环 ， 信 息 流 上 提供 足够 支撑 用 户 达 到 目标 所 需 。 
3) 独立 性 


模块 之 间 应 该 维持 一 种 弱 耦 合 关 系 ， 将 模块 对 其 他 模块 的 依存 关系 降 到 最 低 ， 以 便 与 不 同 模块 组 合 时 具备 良好 的 适 配 能 
扩大 模块 通用 性 和 复 用 能 力 。 


(2) 模块 划分 方式 
模块 的 划分 方式 根据 产品 的 不 同形 态 ， 大 致 可 以 分 为 以 下 两 类 。 
1) 流程 类 产品 的 划分 


流程 类 产品 通常 是 由 一 个 明确 的 用 户 目标 ， 通 过 一 系列 线性 的 任务 阶段 最 终 达 成 目标 的 产品 闭环 。 因 此 这 类 产品 的 模块 划分 
是 一 个 拆 解 用 户 目标 、 层 层 具象 化 的 过 程 。 


:分析 业务 需求 及 用 户 目标 。 
: 制定 用 户 达 成 目标 所 需 完 成 的 任务 流程 (TASK FLOW) 。 
“ 根据 任务 阶段 划分 第 一 层级 任务 模块 。 


* 根据 模块 内 功能 特性 的 多 少 ， 决 定 是 否 划 分 子 模块 ， 使 模块 的 功能 尽量 单一 。 反 之 ， 业 务 罗 辑 紧 密 相 关 的 ， 一 个 变动 了 ， 
另外 多 个 关联 元 素 也 必然 改变 ， 应 合并 成 为 一 个 模块 。 


言 用 卡 即 属 于 流程 类 产品 ， 其 还 款 模块 划分 如 图 3 所 示 。 


划分 方式 



































划分 结果 
| 
选择 已 存 必 。 添 加 新 卡 确认 让 信息 。 查询 账单 梳 鉴 ” 核 对 消费 明细 。 选择 还 吉方 式 选择 付款 省 
和 | 卡 列表 | 新 下 信息 录入 | 单 张 卡片 信 息 | ] 本 期 账单 信息 本 期 消费 明细 | 立即 还 款 | 收银 台 | 
单 张 卡 片 信息 | | 还 款 状态 历史 消费 明细 | | 预约 还 款 | 密码 校 验 | 
| 添加 新 卡 入 口 | 


图 3 ”信用卡 还 款 模块 划分 
2) 内 容 载 体 类 产品 的 划分 


内 容 载体 类 产品 ， 不 是 以 某 一 具体 目标 为 主体 ， 而 是 多 为 以 内 容 聚 合 为 主 的 框架 ， 相 比 流程 类 产品 分 层级 划分 的 方式 ， 更 加 
注重 以 内 容 信息 的 分 类 、 排 序 、 筛 选 的 划分 方式 。 


“ 对 全 量 信息 内 容 进行 穷 举 。 


: 确定 分 类 的 纬度 ， 并 对 内 容 进行 第 选 、 排 序 ， 形 成 第 一 层级 模块 。 


“ 对 信息 内 容 较 多 的 模块 进行 分 析 ， 判 断 是 否 合并 或 再 次 拆 分 。 


下 厨房 App 首 页 即 是 内 容 载体 类 产品 ， 其 模块 划分 如 图 4 所 示 。 
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图 4 下 厨房 App 模 块 划分 
2. 模 块 设计 


接 下 来 我 们 就 需要 根据 每 个 模块 所 需要 实现 的 用 户 目标 或 传达 的 信息 内 容 ， 分 别 进行 设计 。 在 这 个 过 程 中 ， 需 要 注意 模块 设 
计 的 一 些 基 本 规则 。 


(1) 复 用 性 


模块 的 复 用 性 是 提高 产品 设计 效率 最 重要 的 特性 。 复 用 模块 可 减少 用 户 在 相似 场景 下 的 学 习 成 本 ， 快 速 上 手 ; 也 可 以 在 快速 
产 出 的 同时 ， 保 证 用 户 体验 的 一 致 性 和 延续 性 。 


可 复 用 模块 占 比 越 高 ， 产 品 的 稳定 性 越 好 ， 因 此 在 设计 时 需要 尽 可 能 提高 关键 流程 的 可 复 用 程度 。 


例如 在 手机 充值 类 业务 中 ， 通 过 对 商品 选项 模块 的 抽象 及 复 用 ， 使 话费 充值 和 流量 充值 在 使 用 体验 与 信息 传达 上 保存 了 高 度 
的 一 致 性 ， 如 图 5 所 示 。 





话费 充值 场景 
10 元 20 元 30 元 
be 太 语 人 ;9 者 强 ) 89 
3X2 商品 选择 模块 
50 元 100 元 200 元 
下 惠 价 1 恶 { T 查 1 
商品 名 商品 名 商品 名 
千 价 | 售 价 售 价 
商品 名 | 商品 名 | 商品 各 流量 充值 场景 
售 价 售 价 售 价 
10M 50M 100M 
责 元 优惠 价 : 雪 .89 元 型 元 
200M 500M 1G 
万 惠 优 昕 价 : 9 t 刀 惠 Bc 
图 5 手机 充值 类 商品 选择 模块 的 复 用 
(2) 延展 性 


在 通常 情况 下 ， 对 于 同一 功能 模块 ， 由 于 需求 或 业务 的 差异 ， 需 要 在 设计 时 考虑 到 一 定 的 可 扩展 能 力 ， 以 便 兼容 一 定 范围 内 
的 差异 性 。 这 个 延展 性 包括 了 对 信息 的 多 少 、 内 容 的 参数 、 视 觉 表 现 等 方面 的 宽容 度 ， 这 个 宽容 度 应 当 是 基于 对 业务 内 容 的 合理 
预 估 。 


例如 在 票面 选择 的 功能 模块 交互 设计 案例 中 ， 方 案 A 采 用 横向 滑 屏 的 方式 进行 票 的 选择 、 信 息 布局 和 交互 形式 都 比较 舒适 ， 
但 忽视 了 一 个 问题 ， 当 票面 数量 超过 一 定量 的 时 候 ， 滑 动 的 效率 变 得 非常 低 ， 从 第 一 张 到 最 后 一 张 需要 多 次 滑动 ， 时 间 和 用 户 的 
交互 次 数 都 会 随 之 增加 。 在 分 析 了 一 定量 的 同类 型 展会 票面 数量 后 ， 按 照 2~ 3 种 票 价 x2~ 5 天 的 变量 ， 票 面 的 数量 可 以 预 估 为 在 
4~15 张 的 区 间 内 ， 由 此 对 模块 进行 了 重新 设计 (方案 B) ， 采 用 纵向 列表 ， 一 次 可 以 浏览 更 多 票面 ， 上 滑 操 作 具 备 快 速 和 连续 
的 优势 ， 如 图 6 所 示 。 


方案 A 方案 B 





图 6 ”票面 选择 设计 中 的 延展 性 对 比 


(3) 互 换 性 
有 可 复 用 模块 ， 就 有 不 可 复 用 的 模块 。 即 使 用 户 目标 相同 ， 但 因为 业务 差异 ， 无 法 通过 简单 复 用 已 有 模块 ， 或 者 增加 模块 的 
延展 性 来 满足 。 这 些 模块 可 能 会 采用 完全 不 同 的 交互 形式 或 内 部 信息 结构 ， 信 息 内 容 也 有 所 差异 。 


在 设计 这 类 模块 时 需 注意 对 外 信息 结构 的 一 致 ， 以 保证 在 和 其 他 模块 组 合 时 ， 不 在 全 局 信息 结构 上 发 生变 化 ， 实 现 快速 互 
换 ， 而 不 用 调整 其 他 模块 构成 方式 。 好 比 乐高 积木 ， 无 论 单 个 积木 的 形状 如 何 ， 都 能 够 很 好 地 衔接 。 


例如 在 生活 缴费 案例 的 设计 中 ， 由 于 机 构 业 务 模式 的 差异 ， 存 在 预付 费 、 后 付费 、 选 择 付费 等 多 种 业务 模式 ， 通 过 将 缴费 金 
额 设计 成 可 变 模块 ， 在 不 改变 页 面 信息 结构 和 其 他 模块 的 情况 下 ， 可 实现 快速 互 换 ， 满 足 不 同业 务 模式 的 差异 需求 ， 如 图 7 所 
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图 7 生活 缴费 账单 设计 中 的 模块 互 换 


3. 模 块 组 合 


如 果 说 模块 的 划分 和 设计 是 播种 生长 的 话 ， 那 么 模块 的 组 合 就 是 最 后 的 收获 了 。 


通过 通用 模块 ， 我 们 可 以 搭建 出 产品 的 核心 结构 。 这 可 以 保证 用 户 核心 体验 的 一 致 性 。 在 这 个 基础 上 ， 通 过 可 选 模块 间 的 互 
换 ， 可 以 从 容 应 对 需求 中 差异 化 的 部 分 ， 快 速 变化 出 各 种 产品 的 变形 以 及 进 阶 形式 。 


模块 的 组 合 不 是 简单 地 将 所 需 模块 堆砌 在 页 面 上 ， 而 是 需要 让 它们 各 司 其 职 ， 成 为 一 个 整体 。 要 达到 这 一 目标 ， 我 们 在 运用 
时 需要 遵循 以 下 几 个 原则 。 


(1) 明确 主 次 


每 一 个 页 面 中 都 需要 有 一 个 ， 且 仪 有 一 个 主要 模块 ， 它 是 用 户 在 当前 页 面 最 迫切 需要 解决 的 问题 ， 也 是 页 面 信息 的 重心 所 
在 。 因 此 我 们 在 组 合 模块 时 需要 突出 主要 模块 的 信息 或 操作 ， 当 其 他 模块 可 能 会 影响 到 主要 模块 的 时 候 ， 我 们 就 需要 考虑 是 否 减 
少 不 必 要 的 模块 ， 或 是 降低 其 他 模块 的 信息 强度 ， 以 减少 对 主要 模块 的 干扰 。 


(2) 避免 冲突 


由 于 每 个 模块 都 是 一 个 小 的 闭环 ， 单 独 拿 来 看 它 一 定 是 具有 完整 性 的 ， 但 多 个 模块 组 合 在 一 起 时 ， 难 免 会 出 现 一 些 冲突 的 地 
方 ， 比 如 信息 的 重复 、 交 互 方式 的 不 一 致 、 罗 辑 的 矛盾 等 。 这 个 时 候 我 们 就 要 通过 对 模块 的 微调 来 避免 这 些 页 面 上 的 冲突 点 ， 如 
合并 重复 信息 、 减 少 页 面 的 交互 方式 等 。 


总 结 


模块 化 设计 本 身 ， 就 是 设计 师 在 行业 设计 中 所 累积 的 经 验 的 一 种 转化 ， 并 利用 已 有 经 验 ， 来 降低 设计 风险 ， 提 高 设计 效率 和 
质量 。 因 此 需要 在 模块 的 复 用 过 程 中 ， 不 断 对 模块 进行 验证 和 优化 ， 以 适应 用 户 需 求 的 变化 趋势 。 


产品 设计 初期 ， 在 设计 实例 中 逐渐 提炼 摸索 ， 重 点 在 于 提炼 产品 可 复 用 的 模块 ， 优 先 满足 共性 需求 。 随 着 案例 的 丰富 及 需求 
的 多 样 ， 差 异化 模块 随 之 增加 ， 设 计 重 点 应 转向 模块 的 纵向 ， 即 更 符合 业务 特点 的 精细 化 方向 发 展 。 


对 于 已 有 的 模块 ， 在 反复 的 运用 过 程 中 ， 应 审视 设计 的 合理 性 ， 不 断 更 新 模块 ， 对 于 新 增 的 功能 ， 视 其 通用 性 、 选 择 性 的 沉 
淀 为 模块 。 模 块 化 设计 方法 一 方面 可 以 作为 自己 在 设计 中 的 思考 足迹 ， 以 更 全 面 的 视觉 审视 设计 ; 另 一 方面 也 可 以 在 产品 高 速 发 
展 阶段 ， 提 高 设计 效率 ， 同 时 为 多 个 设计 师 共 同 设计 打下 良好 的 基础 。 


08 走 进 服务 设计 : 让 预约 挂号 变 得 精准 与 简 


文 / 徐 良 丛 


近 几 年 来 医疗 行业 在 移动 互联 网 的 应 用 越 来 越 广泛 ， 有 支付 宝 城市 服务 下 的 预约 挂号 、 智 慧 医院 等 平台 应 用 ， 也 有 好 大 夫 、 
丁香 医生 等 应 用 提供 医生 咨询 、 在 线 问 诊 ， 还 有 用 药 助手 、 药 给 力 这 种 提供 药品 查询 等 用 药 指南 及 配送 的 工具 。 层 出 不 穷 的 线 上 
服务 使 医疗 资源 得 到 更 优化 的 配置 ， 也 为 患者 和 医生 、 医 院 管理 者 带 来 了 方便 。 


我 们 也 看 到 ， 同 类 产品 随 着 资源 投入 、 用 户 需求 的 控 氢 和 优 缺 互补 ， 同 质 化 现象 变 得 严重 了 。 以 预约 挂号 服务 来 说 ， 忆 有 产 
品 都 是 通过 需求 路 径 上 的 第 选 ， 将 患者 与 最 合适 的 医生 进行 匹配 ， 最 终 玫 助 用 户 完成 挂号 。 但 是 通过 比较 ， 我 们 发 现 各 产品 在 目 
标 用 户 ， 需求、 设计 上 的 定位 与 解决 方案 又 存在 差异 。 了 解 这 些 特点 ， 有 助 于 我 们 在 设计 过 程 中 解决 优化 体验 的 实质 性 问题 。 


第 1 节 ”同类 产品 分 析 与 调研 


前 期 通过 对 市 场 及 竞 品 的 调研 ， 有 助 于 了 解 各 个 产品 在 用 户 群 体 和 业务 上 的 侧重 ， 从 表现 层 推导 出 设计 师 在 面 对 间 题 时 的 思 
考 角 度 与 解决 方式 ， 使 自己 从 市 场 、 体 验 、 技 术 等 多 角度 衡量 已 有 方案 的 合理 性 。 从 被 动 接 受 产品 原型 产 出 设计 到 主动 参与 ， 才 
能 输出 更 好 的 设计 方案 ， 以 下 选择 几 款 医疗 产品 党 试 做 多 方面 的 比较 。 


1. 用 户 覆 盖 面 与 功能 特点 


支付 宝 / 微 信 的 挂号 预约 都 是 从 属 城市 服务 ， 功 能 入 口 层 级 较 深 ， 所 以 城市 一 医院 一 科室 一 医生 的 筛选 ， 可 以 满足 用 户 大 部 


分 的 日 常 挂号 需求 。 


好 大 夫 作为 独立 应 用 ， 在 基础 路 径 之 外 ， 还 增加 了 疾病 导 诊 等 多 维度 的 筛选 方式 ， 满 足 了 不 同 场景 下 的 就 医 需求 ， 相 对 履 盖 
到 了 更 多 的 用 户 群 体 。 


2. 设 计 形 式 


虽然 微 信 和 支付 宝 在 目标 用 户 与 需求 上 更 为 贴近 ， 但 是 在 设计 的 整体 架构 上 ， 也 是 存在 差别 的 。 其 设计 形式 对 比如 图 1 所 


1) 微 信 的 挂号 平台 ( 因 微 信 各 地 区 对 接 挂号 平台 不 同 ， 以 杭州 市 举例 ) 采取 平 铺 的 筛选 方式 ， 在 同一 界面 完成 筛选 并 确认 
圭 号 ， 优 点 在 于 避免 了 交互 流程 过 长 导致 中 途 退 出 或 回 退 修改 的 不 便 。 
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图 1 


微 信和 支付 宝 设计 形式 对 比 


2) 支付 宝 选择 单一 且 递 进 式 的 设计 方式 ， 引 导 用 户 可 以 逐步 确认 自己 的 挂号 需求 ， 并 在 流程 中 聚焦 单一 维度 的 筛选 。 


就 医 是 特殊 的 应 用 场景 ， 医 疗 环境 色彩 对 患者 的 心理 及 治疗 影响 极其 重要 ， 相 关 的 理论 研究 也 比较 成 熟 ， 所 以 多 数 医疗 产品 


都 对 线 下 的 设计 及 色彩 有 所 沿袭 。 支 付 宝 医 疗 采 用 的 是 App 的 整体 规范 的 背书 蓝 色 ， 所 以 在 这 一 点 上 ， 也 与 同类 产品 存在 差异 。 
各 产品 视觉 层面 对 比如 图 2 所 示 。 
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图 2 百度 医生 、 拇 指 医生 、 用 药 助 手 、 药 给 力 、 支 付 宝 视觉 层面 对 比 
4. 体 验 痛 点 


1) 医疗 资源 的 稀少 性 ， 入 驻 互 联网 平台 的 医院 及 分 配 号 源 有 限 ， 导 致 预约 挂号 的 成 功率 普遍 不 高 ，“ 加 号 ”等 医院 医生 的 
合作 手段 仪 起 缓解 作用 ， 无 法 从 根本 上 改善 整个 行业 现状 。 


2) 医保 支付 未 打通 ， 目 前 融合 医保 体系 的 移动 支付 还 没有 普遍 上 线 ， 多 数 用 户 在 线 上 预约 之 后 ， 支 付 环节 还 是 要 排队 等 


3) 挂号 体验 糟糕 ， 比 如 号 源 信息 不 同步 ， 挂 号 操作 路 径 长 ， 信 息 烦 元 ,没有 合理 、 高 效 地 组 织 展示 内 容 ， 等 等 ， 让 用 户 感 
沈 不 便 ， 甚 至 失去 耐心 而 放弃 使 用 。 


困扰 医疗 行业 的 普遍 性 痛 点 往往 依赖 制度 建设 及 社会 资源 的 优化 配置 来 解决 ， 多 关注 行业 动态 有 助 于 锻炼 有 前 瞻 性 的 设计 思 
考 ， 同 时 专注 眼前 ， 提 升 挂号 流程 体验 ， 更 能 在 短期 解决 用 户 困扰 。 


预约 挂号 核心 体验 路 径 ， 用 户 进行 递 进 式 的 筛选 匹配 ， 每 个 页 面 的 交互 效率 和 承接 都 直接 关系 到 最 终 挂号 成 功率 。 


随 着 智慧 医院 、 挂 号 预约 、 育 婴 等 产品 的 整合 ， 需 要 在 感官 体验 上 ， 输 出 统一 的 支付 宝 医疗 产品 的 视觉 形象 ， 同 时 改善 用 色 
规范 ， 更 加 具有 行业 特征 。 


第 2 节 ”设计 和 解决 方案 


支付 宝 选 择 的 递 进 式 的 导 诊 流程 ， 决 定 了 用 户 需要 花 大 量 时 间 面 对 各 种 各 样 的 列表 ， 从 疾病 类 型 、 医 院 、 诊 室 最 后 到 达 医 生 
都 需要 筛选 ， 而 本 身 就 医 体验 ， 就 是 一 个 相对 急迫 的 使 用 情景 。 如 何 减少 选择 成 本 ， 缩 短 导 诊 页 面 的 停留 时 间 ， 就 成 为 体验 提升 
至 关 重 要 的 一 环 。 


列表 作为 常用 的 交互 模式 ， 它 沉淀 一 定 的 数据 逻辑 关系 和 用 户 行为 。 理 解 它 背后 所 沉淀 的 逻辑 关系 行为 有 助 于 我 们 更 好 地 设 
计 和 使 用 列表 ， 帮 助 我 们 解决 现实 产品 中 的 问题 。 


1. 使 用 列表 


列表 常见 的 使 用 情景 如 下 : 


1) 概览 : 对 整体 内 容 有 所 了 解 ( 例 : 新 闻 类 文章 条 目 ) 。 

2) 浏览 项 目 : 锁定 逐条 信息 进行 具体 阅读 。 

3) 分 类 与 比较 过 滤 : 对 列表 梳理 后 的 信息 进行 对 比 ， 过 滤 干扰 ， 筛 选 有 用 内 容 。 

4) 项 目的 整理 、 新 增 、 删 除 与 分 类 : 用 户 正在 整理 信息 ， 此 时 很 有 可 能 需要 多 选 、 搬 移 的 辅助 功能 ( 例 : 邮件 列表 ) 。 


这 样 的 列表 是 否 高 效 、 呈 现 清晰 ?或 者 说 ， 为 什么 大 部 分 列表 是 这 种 形式 ”原因 有 以 下 几 点 。 


1) 表 头 的 图 片 增加 列表 统一 左 侧 的 阅读 秩序 性 ， 同 时 图 像 化 信息 可 丰富 内 容 。 列 表 的 对 比如 图 3 所 示 。 
产品 B 





头条 ”独家 热点 北京 “科技 十 | | 我 是 做 骨 资 餐具 的 ， 有 什么 疑问 可 以 问 我 。 


BE Nn 地 砚 地 有 卓 边 寞 
【留学 物 英 代 】 英 国 留 学 生 正品 代购 ， 长 期 有 效 ! 


12 星 座 最 适合 旅行 的 岛屿 , 绝 | | 。 ” 
对 截 中 内 心 有 木 有 ? 
【职业 】 我 是 婚礼 策划 师 ~~ 已 经 辞职 转行 了 .你 们 有 
哈 要 问 的 钉 ~ 


教 你 5 折 买 到 大 上 牌 运动 鞋 


【韩国 忠 南大 留学 生 代 购 】 一 只 免 留学 在 韩国 每 周 


2 去 专柜 全 程 小 视频 直播 只 做 专柜 正品 的 搬运 工 
当 这 个 残疾 少女 在 咒 床 上 跳 起 
来 时 ,全 场 震惊 | 
人 
4 种 食物 最 伤 肝 越 早 远离 越 好 


人 


他 用 一 堆 电 子 废料 拼 成 了 经 典 


肖像 【韩国 直 邮 】 免税 店 、 专 柜 采 购 ， 定 位 现场 直播 视 
村 频 ， 雪 花 秀 、 后 、 兰 芝 、 伊 思 、 爱 丽 欧美 产品 等 均 可 
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话题 














图 3 列表 的 对 比 


比较 图 中 两 种 列表 的 展示 效果 ， 我 们 不 难看 出 ， 有 图 文 结 合 的 展示 在 内 容 传达 上 会 更 加 直观 ， 视 觉 流 也 更 加 清晰 。 但 是 在 实 
际 设 计 过 程 中 ， 我 们 发 现 医院 的 实景 图 素材 质量 达 不 到 预期 效果 ， 也 就 是 无 法 辅佐 用 户 快 速 通过 图 片 定位 到 需要 的 医院 。 所 以 一 
开始 ， 我 们 采用 了 另 一 种 方式 处 理 这 个 问题 ， 即 使 用 Logo 蔡 代 实 景 图 ， 在 长 列表 中 可 以 直观 区 分 各 院 ， 列 表 左 侧 同 时 又 能 把 医 
院 的 品牌 形象 传达 出 来 。 


2) 信息 提炼 降 噪 ， 我 们 使 用 不 同 字号 及 颜色 区 分 列表 标题 与 副 文 案 。 
言 息 类 型 ， 增 加 可 读 性 与 列表 之 间 的 比较 ， 如 


当 列 表 的 信息 丰富 起 来 ， 需 要 更 多 维度 与 设计 方式 区 别 信息 类 型 ， 


3) 信息 分 类 与 区 分 ， 
何 去 做 ? 我 们 需要 标签 设计 的 引入 。 借 鉴 存在 商家 服务 类 的 App 目 前 流行 的 标签 设计 样式 ， 对 列表 中 多 维度 信息 进行 有 效 梳理 ， 
“医保 ” “著名 ” “专家 ”等 字眼 抽象 成 标签 展示 ， 不 但 可 以 丰富 信息 ， 供 就 医 人 员 做 决策 辅助 ， 同 时 


于 是 我 们 决定 把 “三 甲 ” 
可 以 快速 列 出 表 之 间 的 异同 ， 提 高 择 取 效率 。 














列表 设计 初稿 如 图 4 所 示 ， 详 情 页 设计 如 图 5 所 示 
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图 4 列表 设计 初稿 
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图 5 详情 页 设计 


在 列表 的 设计 过 程 中 ， 应 根据 内 容 本 身 的 数据 特点 及 逻辑 进行 组 织 ， 明 确 展现 的 内 容 要 用 到 哪些 基本 元 素 ， 并 梳理 数据 间 的 
层级 关系 ， 最 后 通过 位 置 、 颜 色 、 大 小 等 排版 手段 进行 合理 的 组 合 。 同 时 ， 应 符合 使 用 场景 及 用 户 习 惯 ， 不 为 纯 视 觉 表 现 去 增加 
额外 的 认 知 成 本 。 


在 必要 的 情况 下 ， 在 列表 页 面 添 加 交互 ， 可 以 极 大 提高 效率 (比如 删除 ， 制 定 滑动 区 域 置顶 等 ) ， 同 时 要 考虑 性 能 ， 尤 其 是 
H5 页 面 。 


2. 验 证 过 程 


经 过 对 列表 信息 进行 梳理 和 再 设计 ， 我 们 对 周围 有 移动 端 医疗 应 用 需求 的 用 户 做 了 版 本 对 比 与 视觉 感知 的 意见 收集 ， 新 版 本 
的 列表 页 收获 了 很 多 正面 反馈 ， 在 筛选 效率 上 有 所 提高 ， 同 时 也 得 到 了 更 加 宝贵 的 优化 意见 


1) 医院 标志 对 于 筛选 的 帮助 不 大 ， 线 上 就 医用 户 对 医院 品牌 的 感知 较 弱 ， 所 以 在 有 限 的 列表 空间 ， 我 们 在 优化 过 程 中 直接 
删除 了 Logo 的 显示 ， 把 左 侧 最 重要 的 位 置 用 来 直接 展示 医院 名 称 。 


2) 收集 到 的 择 院 参考 信息 由 先前 的 医院 名 称 一 医院 等 级 一 科室 一 距离 一 调整 为 更 具有 普遍 性 的 医院 名 称 一 医院 等 级 一 距离 
一 科室 ， 我 们 还 通过 位 置 与 颜色 的 调整 ， 重 新 强化 距离 字段 ， 并 减少 科室 用 色 ， 及 时 优化 信息 间 的 优先 级 。 列 表 设 计 终 稿 如 图 6 


所 示 。 列 表 优化 对 比如 图 7 所 示 。 
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图 6 ”列表 设计 终 稿 
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图 7 列表 优化 对 比 
3. 颜 色 规划 


预约 挂号 与 智慧 医院 产品 之 前 依然 沿用 的 是 支付 宝 的 主 色 蓝 。 而 医疗 行业 自身 又 有 很 具 特 征 的 行业 用 色 ， 所 以 在 颜色 定义 
上 ， 和 希望 App 内 的 医疗 用 色 能 相对 统一 且 具 有 行业 识别 度 ， 就 需要 在 竟 品 、 线 下 医疗 场景 、 支 付 宝 规范 用 色 中 做 权衡 与 选择 。 


据 视 党 研究 报告 的 数据 可 知 ， 人 类 对 事物 的 辨认 首先 是 色彩 感觉 ， 其 次 才 是 对 形 的 辨认 。 比 如 在 最 初 接触 的 20 秒 内 ， 对 色 
彩 的 感受 度 为 80% 左 右 ， 形 体感 受 度 仅 为 20%; 在 20 秒 至 3 分 钟 内 ， 色 彩 感 递减 为 60%， 形 体感 递增 为 40%， 由 此 可 见 色 彩 的 感 
知 力 是 非常 强 的 。 


医疗 行业 冷色 调 的 应 用 诸如 蓝 、 绿 。 蓝 色 系 属于 典型 的 寒 色 表 色 系 ， 有 冷静 、 清 淡 、 理 智 等 含义 。 其 中 ， 湖 蓝 色 代表 简洁 清 
雅 ， 深 蓝 色 代表 沉着 稳定 。 绿 色 系 属于 一 种 中 性 的 表 色 系 ， 绿 色 与 人 们 的 生活 息息相关 ， 绿 色 几 乎 到 处 可 见 ， 它 象征 生命 、 青 
春 、 和 平 、 向 上 、 新 生 等 。 绿 色 的 色彩 属性 与 人 眼 的 视觉 感知 系统 是 最 为 适应 的 ， 所 以 当 人 们 注视 绿色 时 会 有 消除 疲劳 、 调 节 视 
觉 功 能 的 效果 ， 更 加 符合 医疗 行业 的 色彩 设置 。 科 学 的 色彩 配置 可 以 对 就 医 体验 起 到 良好 的 心理 暗示 与 积极 作用 。 


同样 ， 性 别 与 年 龄 的 差别 ， 对 色彩 的 喜好 也 各 有 不 同 。 少 年 儿童 喜爱 纯色 、 了 明度 反差 强烈 的 色彩 ， 而 讨厌 灰色 调 的 浊 色 或 暗 
; 青年 人 较 喜 欢 纯色 、 明 度 反差 较 大 的 色彩 ， 但 又 不 讨厌 灰色 调 ; 成 年 人 一 般 喜 欢 明度 反差 较 小 的 、 色 调 较 灰 的 色彩 ， 排 斥 
纯色 、 对 比 色 、 了 明度 反差 极 大 的 色彩 。 


了 解 色彩 的 感性 认 知 与 不 同人 群 的 喜好 特征 ， 使 支付 宝 在 医疗 类 产品 的 用 色 上 有 所 参考 ， 在 本 身 降低 背书 蓝 色 比例 的 同时 ， 
整合 适合 各 产品 类 型 的 配色 方案 : 妇幼 育 婴 采用 暖色 系 ， 诸 如 淡 粉 、 淡 黄 、 粉 色 ， 大 众 挂号 预 诊 采用 绿色 、 蓝 色 ， 医 生 论坛 采用 
紫色 、 深 蓝 等 ， 如 图 8 所 示 。 


总 结 
设计 过 程 可 以 大 致 归纳 为 以 下 5 个 方面 : 


1) 自身 与 竟 品 对 比分 析 ， 从 功能 /交互 /视觉 多 个 层面 定位 关键 的 体验 优化 点 ， 调 研 医 疗 行业 的 色彩 ， 理 解 配色 特征 的 形 
成 。 





2) 行业 产品 整体 的 用 色 规划 ， 对 既 有 页 面 的 问题 进行 定位 ; 和 交互 一 起 分 析 任务 流程 和 各 任务 页 面 的 信息 优先 级 。 
3) 对 列表 中 元 素 形 式 、 色 彩 、 位 置 等 设计 方式 进行 重新 梳理 。 

4) 设计 后 期 的 现象 验证 : 改版 页 面 的 用 户 调研 与 访谈 都 会 及 时 反馈 结果 到 设计 师 ， 纠 正 先 入 为 主 的 若干 错误 。 

5) 对 关键 页 面 埋 点 ， 数 据 追 踪 验 证 。 


预约 挂号 设计 优化 工作 通过 整理 ， 尽 可 能 去 还 原 各 个 阶段 的 思考 过 程 ， 可 以 作为 重新 审视 设计 的 比照 ， 同 时 希望 给 予 大 家 一 
些 参考 与 启发 。 


引用 : 


[1] 程 苏 婷 .医疗 器 械 界 面 设计 中 的 色彩 运用 研究 .艺术 与 设计 : 理论 版 [出 版 者 不 详 ，2008. 


[2] ， 罗 博 乌 斯 基 .WEB 表 单 设计 . 卢 申 ， 高 韵 莅 ， 译 .北京 : 清华 大 学 出 版 社 ，2010. 


09 ”信息 可 视 化 设计 


文 / 王 鞭 琦 
大 数据 时 代 ， 信 息 是 以 几何 级 别 增长 的 。 庞 大 的 信息 体 量 加 上 碎片 化 的 传播 形式 ， 让 受众 很 难 静 下 心 来 去 阅读 大 量 的 文字 、 


庞杂 的 数据 。 如 何 处 理 信 息 ， 提 高 传播 的 效率 ， 成 为 各 行 各 业 萤 待 解决 的 问题 。 因 此 ， 信 息 可 视 化 设计 应 运 而 生 。 


售 息 可 视 化 设计 是 用 视觉 语言 的 方式 来 重新 设计 信息 ， 将 原 有 枯燥 的 文本 和 数据 形象 化 、 秩 序 化 ， 以 更 直接 、 更 明了 、 更 准 
确 、 更 轻松 的 方式 呈现 出 来 ， 便 于 用 户 获取 信息 和 交流 。 目 其 将 信息 以 凝练 、 直 观 和 清晰 的 视觉 语言 进行 传达 。 其 通过 梳理 数据 
构建 图 形 ， 通 过 图 形 构建 符号 ， 通 过 符号 构建 信息 。 在 碎片 化 信息 横 飞 的 今天 ， 信 息 的 可 视 化 设计 具有 很 高 的 价值 ， 受 众 鲜 少 有 
耐心 去 深度 阅读 一 堆 元 杂 的 信息 ， 因 此 需要 借助 图 形 化 的 表达 方式 形象 生动 地 展现 信息 结构 ， 起 到 四 两 拨 千 斤 的 效果 。 


第 1 节 信息 可 视 化 设计 的 8 个 步 又 


信息 可 视 化 设计 并 不 是 一 个 单一 的 环节 ， 其 需要 多 方 配合 ， 从 前 期 的 数据 收集 整理 到 后 期 的 视觉 呈现 ， 主 要 涉及 的 设计 流程 
如 下 : 数据 筛选 汇总 一 分 析 数 据 一 探索 表现 形式 一 创意 草图 一 编辑 一 设计 一 校 验 一 信息 图 完成 ， 如 图 1 所 示 。 


数据 辛 选 汇总 


探索 表现 形式 图 。 创意 草图 







图 1 信息 可 视 化 设计 流程 图 


数据 筛选 汇总 是 信息 可 视 化 设计 的 第 一 步 ， 也 是 前 期 准备 工作 。 需 要 相关 业务 方 根据 整个 项 目的 主题 去 收集 与 之 相关 的 数 
据 ， 这 个 环节 最 重要 的 是 保证 数据 的 真实 性 和 准确 性 ， 因 为 其 直接 关系 到 后 面 所 有 的 环节 。 


紧 接 着 就 是 分 析 数 据 ， 其 目的 是 把 隐没 在 一 大 批 看 来 杂乱 无 章 的 数据 中 的 信息 集中 、 萃 取 和 提炼 出 来 ， 以 找 出 所 研究 对 象 的 
内 在 规律 。 


分 析 完 数据 后 就 要 正式 进入 探索 表现 形式 的 环节 了 。 一 方面 设计 师 需要 根据 主题 去 确定 整体 的 表现 形式 、 风 格 等 ， 比 如 有 关 
互联 网 产业 的 信息 可 视 化 设计 就 需要 简洁 且 具 有 科技 感 的 风格 ; 另 一 方面 ， 根 据 分 析出 来 的 数据 类 型 和 规律 ， 设 计 师 可 以 选择 合 


适 的 图 表 去 呈现 。 

接 下 来 就 是 绘制 创意 草图 ， 这 一 步骤 是 为 了 提高 沟通 效率 ， 以 最 简单 、 快 速 的 方式 去 呈现 设计 思路 ， 以 便 和 各 个 业务 方 进行 
沟通 交流 ， 收 集 修改 意见 。 

创意 草图 获得 业务 方 的 认可 后 ， 就 可 以 着 手 进行 文字 内 容 的 编辑 以 及 视觉 表现 的 细 化 了 。 信 息 可 视 化 设计 在 文字 编辑 方面 需 
要 坚持 简洁 原则 ， 避 免 大 段 文 字 的 堆 填 。 文 字 信息 编辑 后 就 需要 对 此 前 的 创意 草图 进行 设计 细 化 ， 添 加 文字 内 容 ， 优 化 草图 中 的 
插画 、 图 表 等 ， 从 整体 上 调整 版 面 布局 ， 让 信息 布局 合理 清晰 。 

不 同 于 其 他 设计 ， 信 息 可 视 化 设计 还 多 一 步 校 验 的 工作 ， 在 这 个 环节 中 需要 核对 每 一 个 数据 ， 确 保 其 准确 性 。 检 查 信息 的 表 


达 是 否 有 歧义， 需要 客观 呈现 而 不 掺 杂 主 观 判断 。 


第 2 节 ”信息 可 视 化 设计 的 4 个 要 求 


言 息 可 视 化 设计 要 求 如 图 2 所 示 。 





图 2 信息 可 视 化 设计 要 求 


1. 基 础 图 像 创意 (Creativity) 


传统 的 信息 呈现 方式 有 两 种 : 一 是 纯 文字 表达 ， 二 是 图 表 呈 现 。 第 一 种 方式 的 传播 效率 显然 不 高 。 而 传统 的 柱状 图 、 饼 图 等 
虽然 能 够 清晰 地 表示 数据 信息 ， 然 而 其 缺乏 一 定 的 设计 感 和 趣味 性 ， 因 此 需要 对 基础 图 表 进行 创意 设计 ， 例 如 增加 一 些 直 观 的 插 
画 ， 优 化 图 表 的 色彩 和 基础 图 形 ， 等 等 ， 从 而 突出 主题 ， 增 强 吸 引力 ， 这 样 才 能 取得 事半功倍 的 效果 。 


2. 男 面 简洁 明了 (Succinctness) 

信息 可 视 化 就 是 要 将 复杂 的 信息 简单 化 ， 过 多 的 色彩 、 复 杂 的 图 形 非但 不 能 提高 传播 的 效率 ， 还 会 增加 阅读 的 障碍 。 因 此 在 
信息 传达 方面 其 需要 始终 坚持 可 读 性 、 条 理性 、 直 观 性 、 准 确 性 的 原则 。 

可 读 性 : 信息 内 容 需要 通俗 易 懂 、 生 动 有 趣 ， 而 非 临 涩 难 懂 ， 如 同 嚼 蜡 。 且 需要 有 意义 ， 受 众 看 了 之 后 能 够 有 所 启发 和 收 
获 ， 而 不 是 无 用 信息 的 堆 妓 。 


条 理性 : 信息 的 呈现 需要 有 自己 的 节奏 感 和 主 次 关系 ， 杂 乱 无 章 的 呈现 会 造成 受众 阅读 障碍 ， 且 分 不 清 主 次 关系 。 
直观 性 : 能 够 通过 设计 方法 ， 将 受众 原本 陌生 的 信息 以 其 高 认 知 度 的 形式 传达 出 来 ， 降 低 信息 理解 的 成 本 。 
准确 性 : 保证 文字 信息 在 图 形 化 过 程 中 保持 一 致 ， 不 能 扭曲 原 数据 信息 。 

3. 视 觉 导 向 和 秩序 (Guiding) 


当 一 张 图 上 有 大 量 信息 呈现 时 ， 设 计 需 要 合理 利用 视线 移动 的 规律 ， 将 信息 顺畅 地 传达 给 受众 。 通 过 设计 来 引导 受众 阅读 并 
上 暗示 信息 的 主 次 关系 。 图 形 的 大 小 、 排 版 的 位 置 、 色 彩 的 突出 与 否 等 都 是 有 讲究 的 ， 并 不 是 随意 创作 或 单纯 追求 视觉 酷 炫 效果 。 
比如 ， 可 以 将 某 个 事物 放置 于 画面 的 中 心 ， 或 是 使 用 强 对 比 色 来 突出 该 事物 ， 引 导 受 众 去 着 重 关注 。 信 息 可 视 化 设计 是 艺术 与 科 


学 参半 的 。 
4. 准 确 一 致 (Accuracy) 


首先 ， 数据 源 必须 足够 准确 ， 这 是 一 切 设计 活动 的 根本 。 其 次 ， 图 形 设计 需要 绝对 的 精准 ， 不 能 与 原始 数据 有 出 入 ， 也 不 能 
曲解 原始 信息 。 绘 制图 形 时 需要 使 用 数学 公式 以 及 有 依据 的 数字 ， 然 后 在 图 形 中 使 用 相同 的 比例 。 要 明确 ， 设 计 本 身 是 为 了 准确 
地 传播 信息 ， 因 此 在 设计 时 切 勿 陷入 追求 视觉 效果 的 泥潭 ， 而 忽视 信息 本 身 。 


第 3 节 ”设计 案例 : 《2015“ 互 联网 + ”城市 服务 报告 》 


1. 案 例 简介 


国家 互联 网 信息 办 公 室 指导 、 中 国 互 联网 发 展 基金 会 主办 “2016 全 民 互 联网 节 ”。 借 势 此 次 互联 网 节 ， 需 求 方 希望 能 够 打 
造 互联 网 + 支付 宝 “ 民 生 公共 服务 平台 ”的 理念 。 配 合 主体 活动 ， 在 对 外 宣传 方面 需要 输出 一 份 《2015 “互联 网 + ”城市 服务 报 
告 》， 来 前 述 支 付 宝 平台 在 医疗 、 缴 费 、 交 通 出 行 、 教 育 等 方面 给 用 户 带 来 的 全 新 的 生活 方式 。 


2. 设 计 流 程 


整个 项 目的 设计 为 期 半 个 月 ，2015 年 12 月 28 日 项 目 正式 成 立 ， 经 过 各 方 反复 讨论 确定 了 主题 为 “未 来 城市 ， 智 慧生 活 ”。 
紧 接 着 就 由 项 目 负责 人 与 各 个 业务 方 沟通 ， 收 集 相 应 的 数据 。 庞 杂 的 数据 汇总 完成 后 ， 设 计 师 需 要 同 项 目 负责 人 一 起 整理 、 分 析 
这 些 数 据 ， 进 行 筛选 和 分 类 。 以 上 都 是 前 期 的 准备 工作 ， 真 正 留 给 设计 师 的 时 间 只 有 一 周 。 在 这 一 周 中 ， 不 仅 需 要 完成 整体 的 设 
计 ， 还 需要 反复 校正 ， 以 免 信息 遗漏 或 错误 。 因 此 1 月 7 日 整体 的 设计 方案 输出 后 ， 预 留 了 1 天 的 校对 时 间 ， 保 证 信息 的 准确 性 
后 ， 需 要 配合 不 同 的 发 布 平台 设计 师 进 行 适 配 和 切 图 。 此 项 目 设 计 流 程 如 图 3 所 示 。 


01/08 
12/28 数据 分 析 校对 调整 
项 目 建 立 数据 汇总 | 设计 思考 
总 .—{(@) (@) 名 ‘®@) o 
| 设计 输出 。 完成 发 布 
主题 确立 创意 草图 01/07 01/13 
12/30 


图 3 项 目 设计 流程 


3. 设 计 理 念 


对 受众 来 说 ， 数 据 信息 是 陌生 而 繁杂 的 ， 很 难 使 他 们 产生 兴趣 。 信 息 可 视 化 设计 就 是 通过 形象 化 的 表现 手法 ， 将 受众 感到 陌 
生 的 信息 转化 为 他 们 熟悉 或 者 有 高 认 知 度 的 东西 ， 从 而 让 受众 更 加 了 解 城市 服务 的 各 个 业务 及 其 发 展 情况 ， 希 望 引起 受众 对 相关 
业务 的 兴趣 ， 吸 引 其 去 使 用 支付 宝 城市 服务 的 业务 。 与 此 同时 还 需要 通过 视觉 表现 ， 突 出 支付 宝 的 品牌 信息 ， 准 确 清晰 地 传达 支 
付 宝 的 品牌 价值 。 


4. 设 计 方 法 

这 里 并 不 穷尽 信息 可 视 化 设计 的 每 个 环节 ， 而 是 截取 案例 中 最 关键 的 几 个 部 分 加 以 分 析 ， 和 希望 能 够 为 读者 带 来 一 些 启 发 。 
(1) 分 析 数 据 

拿 到 需求 方 提供 的 数据 后 ， 首 先 对 这 些 元 杂 的 数据 进行 分 类 。 主 要 分 成 了 以 下 三 大 类 别 。 


第 一 类 : 排行 类 数据 ， 此 类 数据 主要 是 呈现 一 个 范围 内 相关 同类 事物 的 客观 实力 ， 带 有 相互 比较 的 性 质 。 例 如 “互联 网 
+” 区 域 TOP5、 未 来 城市 TOP10。 


第 二 类 : 占 比 类 数据 ， 此 类 数据 反映 某 一 事物 在 其 同类 型 事物 中 所 占 的 比 。 例 如 30% 女 性 车 主机 动车 违章 。 


第 三 类 : 数值 类 数据 ， 顾 名 思 义 ， 就 是 直接 具体 的 数字 呈现 。 例 如 ， 全 国 28 个 省 份 、370 个 城市 的 居民 可 用 支付 宝 缴纳 水 、 
电 、 燃 气 等 费用 。 


(2) 版 式 布局 


根据 数据 类 型 以 及 文字 信息 的 总 量 ， 我 用 方 框 进行 了 整体 的 版 式 布局 划分 ， 如 图 4 所 示 。 尝 试 不 同 的 组 合 、 排 列 方案 ， 包 括 
留 白 、 间 距 等 都 不 能 忽视 。 排 版 的 标准 主要 是 信息 的 主 次 以 及 用 户 阅读 习惯 。 





图 4 版式 布局 


有 了 总 体 的 版 式 布 局 ， 我 们 就 能 从 宏观 上 将 信息 摆 放 到 适当 的 位 置 ， 接 着 便 可 以 对 每 一 部 分 信息 进行 微观 上 的 调整 了 。 
(3) 图 表 绘 制 


有 了 宏观 的 排版 布局 之 后 ， 就 需要 对 数据 及 文字 信息 进行 加 工 ， 实 现形 象 化 、 图 形 化 呈现 。 这 是 信息 可 视 化 流程 中 设计 部 分 
的 核心 ， 因 此 不 论 是 色彩 的 选择 还 是 图 表 的 再 加 工 都 需要 细致 、 严 谨 。 


1) 配色 


《2015“ 互 联网 + ”城市 生活 报告 》 的 配色 相对 简单 ， 一 方面 是 为 了 呼应 互联 网 大 会 整体 设计 的 配色 ; 另 一 方面 考虑 到 品 
牌 的 传播 ， 最 终 选择 主 色 为 品牌 色 蚂 蚁 蓝 ， 辅 助 色 使 用 黄色 和 灰色 进行 点 缀 ， 如 图 5 所 示 。 





#OOAAEE #FFEOQOOI #DFDFDF 
图 5 ”设计 配色 
2) 图 形 图 标 


为 了 保持 报告 整体 的 视觉 风格 ， 需 要 将 一 些 关键 词 提炼 出 来 ， 比 如 城市 服务 中 的 各 个 业务 。 接 着 将 这 些 关键 词 图 形 化 ， 从 而 
降低 受众 对 报告 的 理解 成 本 ， 增 加 阅读 的 趣味 性 ， 如 图 6 所 示 。 





图 6 图形 图 标 设计 
3) 图 表 设 计 


图 表 的 设计 是 信息 可 视 化 设计 中 的 重要 部 分 ， 是 数据 最 直观 的 表现 方式 ， 直 接 关 系 到 信息 传播 准确 与 否 。 本 次 报告 中 主要 按 
照 数据 分 析 环 节 总 结 出 的 3 类 数据 来 设计 相应 的 图 表 。 


: 排行 类 数据 : 对 排行 类 数据 ， 报 告 选择 了 地 图 的 形式 加 以 展现 ， 因 为 考虑 到 这 些 排 名 都 是 地 域 性 的 ， 如 图 7 所 示 。 


“互联 网 +” 区 域 TOP5 未 来 城市 TOP10 排行 榜 
互联 网 公共 服务 普及 度 最 高 


互联 网 公共 服务 普及 度 最 高 
全 
?9 

















图 7 排行 类 数据 配 图 


: 占 比 类 数据 : 众所周知 ， 饼 图 是 表现 占 比 类 数据 的 不 二 之 选 。 但 单纯 的 饼 图 显得 较为 单调 乏味 ， 因 此 可 以 在 图 表 本 身 加 上 
一 些 装饰 性 元 素 。 如 图 8 所 示 ， 左 边 呈 现 的 是 90 后 结婚 人 群 的 相关 数据 ， 因 此 在 饼 图 上 添加 了 一 个 婚礼 的 插图 ， 既 可 以 减少 图 表 
的 乏味 感 ， 又 能 准确 点 明 数 据 主题 。 右 图 同样 使 用 的 是 饼 图 ， 能 够 清晰 展现 未 来 医院 在 全 国 范围 内 的 覆盖 比例 。 


90 后 已 成 为 结婚 主流 人 群 近 400 家 大 型 医院 


上 海 “结婚 登记 预约 ”服务 在 城市 服务 上 线 加 入 “未 来 医院 
以 来 ,90 后 查询 量 竟 高 达 80% ! 









覆盖 全 国 
90% 的 省 份 





未 来 医院 已 累计 服务 5000 万 人 次 


图 8 占 比 类 数据 配 图 


数值 类 数据 : 这 类 数据 的 形式 很 多 ， 比 较 零 散 。 因 此 ， 在 报告 中 主要 选择 图 形 加 文字 描述 的 方式 进行 呈现 。 图 形 设 计 不 需 


要 过 分 复杂 ， 重 点 需要 突出 的 是 数据 本 身 。 因 此 ， 加 粗 、 放 大 、 换 颜色 等 表现 手法 都 可 以 使 用 ， 让 其 从 周围 的 信息 中 脱颖而出 ， 
如 图 9 所 示 。 


11 月 中 旬 以 来 ， 全 国 
5 倍 ”和 雾 圳 频 发 ,华北 各 省 市 


不 用 排队 ，| 分 钟 搞定 pp 
居民 查询 空气 水 质 i 量 的 


需求 增长 长 了 己 倍 倍 。 





图 9 数值 类 数据 配 图 


信息 可 视 化 设计 优化 了 传统 的 阅读 方式 ， 拓 展 了 图 文 的 结合 形式 ， 提 升 了 数据 和 文字 的 阅读 体验 。 信 息 可 视 化 设计 并 不 是 单 
一 的 设计 环节 ， 而 是 一 个 综合 的 设计 流程 ， 其 设计 根本 是 精准 的 数据 筛选 和 整理 ， 版 式 及 色彩 搭配 则 决定 了 信息 布局 的 合理 性 ， 
是 视觉 导向 与 秩序 构建 ， 而 图 形 、 图 表 的 设计 则 是 视觉 亮点 ， 一 方面 扮演 着 信息 承载 者 的 角色 ， 另 一 方面 又 是 营造 视觉 吸引 力 的 
主力 军 。 因 此 ， 在 实践 过 程 中 要 把 握 好 每 一 个 环节 。 将 设计 划 裂 开 来 ， 只 会 让 信息 传达 发 生 偏差 。 设 计 的 形式 可 以 多 种 多 样 ， 视 
党 的 表现 手法 也 没有 诸多 限制 ， 只 要 能 够 把 握 住 主要 的 设计 原则 ， 将 信息 准确 、 高 效 地 传达 出 来 ， 便 是 信息 可 视 化 设计 的 初衷。 


四 鱼 志 站 .信息 可 视 化 设计 探 议 .美术 教育 研究 ，2011. 


10 绪 下 物料 设计 


文 / 林 猛 


物料 设计 到 位 、 实 施 科学 的 视觉 识别 系统 ， 是 传播 企业 经 营 理念 、 建 立 企 业 知 名 度 、 塑 造 企业 形 象 的 途径 。 同 时 能 使 消费 者 
增添 对 企业 的 好 印象 ， 使 投资 者 有 信心 。 线 下 物料 设计 (包括 Logo、 海 报 、 传 单 、 展 台 等 ) 一 方面 可 以 传达 企业 的 象征 和 意义 : 
企业 的 地 位 、 规 模 、 宗 则 、 理 念 、 战 略 、 风 格 等 内 容 ; 另 一 方面 使 物料 设计 的 风格 能 切中 受众 的 心理 ， 唤 起 他 们 的 共鸣 ， 从 而 达 
到 提升 品牌 形象 、 推 广 品牌 营销 力 的 目的 。 


第 1 节 ” 线 下 物料 设计 方法 


线 下 物料 设计 ， 与 单一 的 线 上 网 络 环境 不 同 ， 涉 及 众多 设计 环节 ， 以 及 不 同 的 工艺 与 材质 ， 设 计 过 程 中 需要 同步 考虑 物料 的 
应 用 场景 ， 如 大 型 的 户外 广告 要 考虑 防风 、 防 雨 、 防 晒 、 耐 用 等 ; 另外 ， 也 要 考虑 设计 对 用 户 来 说 的 可 读 性 。 线 下 的 用 户 场景 比 
线 上 庞大 ， 用 户 视线 焦点 停留 时 间 较 短 ， 很 容易 被 其 他 事物 干扰 ， 如 何 让 用 户 第 一 看 到 是 有 用 的 信息 ， 成 为 天 键 。 良 好 的 创意 能 
够 吸引 更 多 的 人 去 阅读 ， 对 于 突出 核心 的 利益 点 与 增强 品牌 露出 尤为 重要 。 设 计 师 需要 在 有 限 的 空间 合理 排版 ， 以 符合 常人 的 观 
看 视线 ， 并 针对 不 同 物料 进行 相应 的 可 读 性 设计 。 


线 下 活动 设计 流程 : 项 目 建立 一 现场 踩点 一 设计 思考 一 设计 输出 一 校对 调整 一 物料 小 样 输出 一 校对 彩排 一 现场 跟 进 一 活动 
结束 ， 如 图 1 所 示 。 


脑 暴 校对 彩排 
项 目 建立 设计 思考 | 设计 输出 ] pie 
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物料 小 样 输出 。 现场 跟 进 
现场 踩点 校对 调整 


图 1 线 下 活动 设计 流程 





我 们 围绕 活动 主题 设 定 了 相关 设计 目标 ， 具体 内容 如 下 : 


1) 遵循 支付 宝 品牌 主体 V1， 通 过 视觉 ， 准 确 、 清 晰 地 传达 支付 宝 活动 主题 与 品牌 价值 ， 设 计 能 给 人 带 来 积极 、 正 面 、 耳 目 
一 新 、 指 向 明确 的 感觉 。 


2) 线 上 、 线 下 体验 一 致 ， 同 时 能 把 支付 宝 品牌 影响 力 做 大 、 做 深 。 


3) 在 色彩 关系 上 ， 围 绕 支 付 宝 品 牌 色 ， 通 过 色调 关系 来 营造 氛围 ， 使 物料 在 线 下 各 个 使 用 场景 下 显眼 、 突 出 ,吸引 受众 的 
注意 力 ， 并 带 来 一 定 的 视觉 冲击 。 


4) 线 下 活动 的 一 系列 视觉 设计 ， 相 辅 相 成， 设计 过 程 在 专业 体系 中 是 具有 目标 性 的 思考 过 程 与 创造 性 活动 ， 是 寻求 视角 、 
视觉 语言 和 构成 方式 的 一 种 方法 ， 创 造 能 够 帮助 活动 实现 最 终 的 设计 主题 概念 ， 表 达 美 感 并 传递 支付 宝 品牌 形象 。 


第 2 节 ” 线 上 、 线 下 设计 的 差异 点 与 相同 点 


1. 差 异 点 
1) 线 下 需求 方 是 市 场 部 或 运营 部 或 BD， 而 线 上 主要 是 产品 经 理 。 
2) 线 下 整体 的 场地 物料 适用 需要 跟 主 办 方 事先 沟通 ， 场 馆 的 建设 、 物 料 摆 放 符合 主办 方 规范 。 


3) 线 下 物料 设计 除了 内 部 合作 ， 还 有 跨 部 门 甚至 跨 公司 层面 的 合作 ， 不 同 公司 会 有 不 同 的 设计 诉求 ， 对 设计 的 审视 角度 也 
不 同 ， 把 握 不 同 公司 特别 是 多 公司 联合 推动 的 项 目 设计 ， 需 要 更 多 地 去 理解 项 目 需求 ， 了 解 其 他 公司 的 企业 文化 ， 顺 利 推动 项 目 


进程 。 

4) 线 下 物料 设计 少 了 线 上 开发 的 环节 ， 增 加 了 各 个 场景 的 应 用 、 印 刷 制作 ; 在 颜色 的 使 用 上 严格 按照 品牌 色 输 出 ， 在 蓝 
色 、 白 色 、 黑 色 的 基础 上 做 好 视觉 设计 ， 与 线 上 相 比 ， 色 彩 选 择 上 限制 较 大 。 

5) 验收 环节 不 同 。 线 下 输出 验收 以 查看 打印 小 样 或 现场 观察 为 主 ， 印 刷 色 需 对 应 具体 的 潘 通 色 ; 线 上 验收 更 注重 整体 体 
验 : 流畅 度 、 动 效 、 行 间距 等 ， 不 同 的 物料 其 适用 材质 也 不 同 ， 大 型 露天 海报 一 般 用 喷绘 ， 指 示 牌 、 宣 传 海报 一 般 用 写真 。 


6) 验收 场景 不 同 。 线 上 验收 较为 单一 ， 主 要 保证 无 线 终端 上 的 体验 效果 ， 而 线 下 物料 的 使 用 场景 基本 固定 静止 ， 可 能 是 
内 也 可 能 是 室外 ， 需 要 实地 踩点 考察 场地 、 天 气 、 光 线 、 人 流 路 线 来 决定 一 些 物 料 的 摆 放 。 如 果 是 室外 活动 ， 必 须 做 好 防风 、 防 
雨 、 防 晒 措 施 ， 来 保障 活动 顺利 进行 。 线 下 物料 种 类 多 ， 各 种 物料 材质 、 色 值 、 设 计 也 要 保证 一 致 性 和 统一 性 。 


7) 输出 格式 不 同 。 线 下 物料 设计 在 保留 原文 件 的 同时 ， 还 要 注意 输出 转换 格式 、 更 适合 印刷 的 CMYK 矢 量 文 件 , 线 上 输出 
一 般 为 RGB 模式 。 


8) 线 下 输出 存在 多 样 性 : 海报 、 单 页 、 桌 贴 、 台 卡 、 吊 牌 、 奖 状 、 奖 杯 、 礼 品 周边 、 服 装 、 交 通 工具 等 ， 同 时 根据 不 同 活 


动 还 会 输出 PPT、 电 子 邀 请 用 、 电 子 书 、 电 子 屏 等 。 


9) 绕 下 输出 每 一 份 物料 都 会 带 上 支付 宝 品牌 Logo， 且 都 会 带 上 蚂蚁 金 服 集团 背书 (蚂蚁 金 服 旗下 品牌 ) ， 增 强 品牌 露出 ， 
给 用 户 传递 完整 的 品牌 理念 ， 加 深 品牌 印象 ， 提 升 品牌 影响 力 。 


2. 相 同 点 
1) 整体 流程 相似 。 流 程 为 项 目 确 认 一 需求 理解 一 设计 探索 一 设计 定稿 一 验收 一 现场 布置 (上 线 反馈 ) 。 


2) 不 同 的 设计 类 型 ， 同 样 的 用 户 体验 ， 确 认 设计 稿 的 字体 、 字 号 、 色 值 、 比 例 、 尺 寸 是 否 正 确 ， 这 些 都 是 线 上 、 线 下 校对 
的 关键 要 素 。 


3) 传递 支付 宝 品牌 形象 ， 提 升 品牌 影响 力 ， 线 下 、 线 下 品牌 体验 一 致 。 


不 同 于 线 上 产品 的 设计 ， 在 线 下 设计 创意 的 过 程 中 ， 对 于 思维 方式 的 理解 与 运用 ， 除 了 思维 习惯 还 有 对 线 下 设计 的 熟悉 。 线 
下 场景 设计 更 需要 现场 的 适应 与 彩排 ， 提 前 到 场 实地 考察 场地 的 光线 、 物 料 的 摆 放 ， 对 后 期 的 设计 能 起 到 很 好 的 推动 作用 ， 对 线 
下 物料 的 设计 也 更 容易 把 握 。 这 是 与 线 上 流程 不 同 的 合作 模式 ， 相 互 合作 并 贯穿 始终 。 


与 线 上 灵活 的 代码 修改 不 同 ， 线 下 设计 输出 犯错 成 本 更 高 ， 严 格 的 校对 工作 等 同 于 线 上 产品 的 验收 流程 ， 设 计 小 样 输出 后 ， 
字体 、 字 号 、 色 值 、 比 例 是 否 正 确 ， 是 线 下 校对 的 关键 。 


可 以 想象 一 下 : 在 成 干 上 万 人 的 会 场 ， 你 的 主题 设计 、PPT、 奖 杯 、 奖 状 等 出 现 错别字 、 色 差 ,或 者 美文 语法 错误 ,后 果 是 
难以 想象 的 ， 也 是 难以 挽回 的 ， 也 将 对 支付 宝 品牌 形象 造成 伤害 。 所 有 设计 输出 的 多 次 校对 也 是 项 目的 重 中 之 重 。 


线 下 物料 设计 前 通过 相关 材料 确认 活动 项 目 背景 ， 了 解 活动 性 质 ， 制 定 与 之 相应 的 物料 设计 ， 在 优先 推广 品牌 形象 的 原则 基 
础 上 ， 设 计 与 主题 相 契 合 的 视觉， 清晰 地 传递 品牌 形象 与 设计 理念 。 线 下 物料 设计 需要 传递 以 下 信息 。 


文字 信息 ， 包括 活动 主题 、 广告 词 、 企业 名 称 等 。 
:图形 信息 ， 包 括 品牌 图 形 、 主 视 沉 图形、 辅助 图 形 等 。 


: 其 他 信息 ， 包 括 色 彩 、 条 形 码 等 。 


第 3 节 ”案例 分 析 : “2016 全 民 互 联网 节 ” 城 市 服务 物料 设计 


“未 来 城市 ”智慧 生活 ”活动 主题 确认 后 ， 通 过 不 停 地 思考 、 探 索 及 需求 理解 ， 提 炼 出 设计 关键 词 : 本 次 支付 宝 参 与 的 主要 
业务 是 城市 服务 ， 推 广 行业 应 用 是 本 次 活动 的 重点 ， 把 城市 视 沉 化、 平面 化 是 本 次 物料 设计 的 关键 。 通 过 不 同城 市 图 片 的 比 对 ， 
最 终 选 择 一 些 中 国境 内 的 大 城市 地 标 建筑 ， 作 为 城市 设计 灵感 的 来 源 ， 用 简单 的 线条 勾勒 形式 来 体现 城市 服务 的 未 来 感 和 科技 
感 ， 如 图 2 所 示 。 


3 sy 名 Ss 


图 片 包含 以 下 含义 : 


未 来 一 一 科技 感 ， 希 望 





光芒 ; 
城市 一 一 线条 勾勒 的 城市 与 光芒 呼应 ; 


品牌 色 一 一 支付 宝蓝 ; 





关键 词 光芒 十 城市 十 星空 。 


物料 室内 效果 图 如 图 3~ 图 7 所 示 。 
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图 2 


图 3 


主题 提炼 关联 图 片 





室内 大 型 海报 展示 





图 4 室内 易 拉 宝 展示 





图 5 会 场 电 子 屏 展示 
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图 6 室内 指示 牌 展示 


图 7 ”室内 PPT 宣 讲 效果 


设计 比 稿 必 有 得 失 ， 经 过 一 次 次 脑 暴 后 ， 需 求 变更 产 出 的 草稿 或 上 废 稿 ， 都 是 需求 理解 和 设计 灵感 的 延伸 ， 好 的 设计 有 很 多 ， 
但 最 适合 需求 的 才 是 最 好 的 设计 。 每 一 次 对 设计 的 修改 、 每 多 产 出 一 种 设计 稿 ， 都 是 对 物料 设计 理解 的 加 深 ， 是 对 设计 本 身 的 沉 


a 
WE。 


城市 矩阵 方案 : 以 城市 空间 为 创意 ， 肚 浮 的 矩形 做 主题 构图 ， 优 点 是 空间 感 强 ， 在 视觉 上 能 给 用 户 带 来 冲击 ;缺点 是 与 活动 
主题 不 够 契合 ， 如 图 8 所 示 。 
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图 8 草稿 方案 之 城市 矩阵 


城市 抽象 剪影 方案 以 城市 建筑 剪影 晋 加 为 立意 点 一 一 点 亮 城市 生活 ， 本 方案 的 优点 是 视觉 上 设计 新 颖 ， 与 前 期 活动 主题 足 
够 契合 ; 缺点 是 后 期 主题 文案 修改 后 ， 不 再 适用 新 的 活动 主题 ， 且 画面 构图 过 于 居中 ， 不 适合 大 场景 使 用 ， 如 图 9 所 示 。 
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图 9 草稿 方案 之 点 亮 城市 


总 结 


通过 一 系列 活动 ， 我 们 总 结 了 线 下 活动 设计 基本 观点 和 设计 要 素 ， 具 体 如 下 : 


1 


SW 


建立 线 下 物料 设计 及 适用 观念 。 


2 


Ps 


理解 物料 装饰 的 功能 性 。 


3 


St 


恪守 物料 设计 的 本 质 追 求 。 


小 
5— 


了 解 商业 活动 特性 。 


5) 可 预见 性 。 


ON 
Mut 


关注 印刷 等 加 工 工艺 。 


oe | 
oat 


使 用 软件 的 版 本 兼容 性 。 


最 后 ， 设 计 的 细节 需要 设计 师 投 入 大 量 的 时 间 与 市 场 部 的 小 伙伴 们 一 起 打磨 ， 线 下 印刷 制作 输出 的 成 品 ， 才 是 衡量 最 终 设计 
质量 的 标准 。 


看 设计 


11 业务 探索 期 ， 设 计 可 以 做 些 什么 


文 / 丁 明 宇 


随 着 移动 时 代 的 到 来 ，2013 年 支付 宝 整体 战略 方向 调整 到 无 线 ， 支 付 宝 客户 端的 定位 也 由 支付 工具 逐步 向 生活 服务 平台 转 
变 。 在 这 个 转型 的 过 程 中 ， 业 务 在 不 断 探 索 和 尝试 ， 从 2013 年 普 惠 理财 产品 余额 宝 ， 到 2014 年 的 平台 型 产品 服务 窗 ， 再 到 2015 年 
线 下 产品 口碑 。 在 这 样 的 环境 中 ， 组 织 对 交互 设计 师 的 职责 有 了 新 的 期 望 和 要 求 ， 除 了 完成 设计 之 外 ， 设 计 师 的 工作 贯穿 项 目 始 
终 ， 上 接 需求 来 源 ， 下 接 设计 实现 。 稳 定期 和 探索 期 设计 师 的 角色 分 别 如 图 1、 图 2 所 示 。 
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需求 方 ”产品 经 理 ” 交 互 设计 师 视觉 设计 师 开发 工程 师 测试 工程 师 
图 1 稳定 期 设计 师 的 角色 


两 个 时 期 的 差异 在 于 价值 的 增益 和 创造 ， 前 者 是 在 业务 大 方向 较为 明确 ， 设 计 师 通过 设计 挖掘 其 潜在 、 可 被 优化 的 空间 体现 
价值 ， 后 者 是 在 产品 方向 进行 尝试 ， 需 要 探索 出 较为 明确 、 可 行 的 商业 模式 。 在 这 个 时 期 ， 对 设计 师 的 期 望 是 发 挥 其 专业 价值 ， 
帮助 业务 取得 成 功 。 


全 


需求 方 ” 产品 经 理 ”交互 设计 师 视觉 设计 师 开发 工程 师 测试 工程 师 
图 2 探索 期 设计 师 的 角色 


在 实际 项 目 中 ， 设 计 方 案 往往 被 看 作 设 计 师 的 全 部 价值 体现 ， 一 个 优秀 的 设计 方案 也 的 确 能 够 获得 团队 上 下 的 关注 ， 但 方案 
只 是 整个 设计 活动 的 最 后 环节 ， 并 不 能 将 设计 师 的 价值 完全 体现 出 来 。 你 和 合作 方 经 历 了 整个 设计 的 过 程 ， 通 过 研究 、 讨 论 、 测 
试 、 验 证 找到 了 更 好 的 解决 方案 ， 设 计 出 真正 可 行 的 、 有 价值 的 、 可 持续 的 产品 ， 这 才 是 更 重要 的 。 

在 这 个 过 程 中 ， 设 计 师 需要 充分 理解 业务 目标 ， 采 用 有 效 的 设计 方法 去 发 现 问题 、 验 证 设计 方案 ， 并 能 够 在 业务 目标 、 体 验 


目标 中 寻求 平衡 。 


第 1 节 ”理解 业务 目标 


在 业务 探索 时 期 ， 也 许 与 产品 经 理 的 合作 会 让 你 很 困扰 ， 他 们 似乎 很 容易 给 出 目标 ， 也 很 容易 改变 目标 ， 甚 至 是 在 你 已 经 
台 设 计 或 者 发 了 确认 邮件 后 ， 你 也 很 容易 相信 这 个 目标 ,或 者 带 着 一 些 怀疑 也 坚持 做 完了 ， 结 果 却 是 充满 愤 灌 地 不 断 修改 。 


出 现 此 类 问题 ， 原 因 往往 是 双方 没有 对 业务 目标 达成 一 致 ， 设 计 师 没有 理解 业务 目标 ， 也 不 知道 如 何 转 化 为 设计 目标 。 


几 点 建议 : 


1) 和 业务 方 一 起 探讨 业务 目标 ， 注 意 他 们 直接 表达 的 未 必 就 是 真实 的 目标 ， 设 计 师 需要 向 需求 层 深 挖 ， 最 终 确定 他 们 实际 
想 要 达到 怎样 的 目标 ;这 个 时 期 需求 方 的 需求 可 能 是 带 着 方案 一 起 提 的 ， 要 甄别 来 看 哪儿 是 真正 的 需求 ， 避 免 陷入 方案 里 。 


2) 确定 目标 人 群 ， 目 标 人 群 有 哪些 特征 属性 ， 用 户 的 痛 点 是 什么 ， 目 标 人 群 会 在 怎样 的 场景 下 与 业务 目标 产生 联系 。 
3) 结合 1) 2) 去 确定 用 户 体验 目标 是 什么 ， 即 用 户 通 过 使 用 产品 可 以 得 到 什么 。 
4) 弄 清 楚 影响 达到 体验 目标 的 要 素 有 哪些 。 


5) 围绕 这 些 要 素 去 转化 设计 目标 。 


第 2 节 ”MVP 设计 实战 


A/B Test 也 许 是 试验 设计 比较 有 效 的 方法 ， 但 在 业务 探索 期 ， 没 有 充足 的 时 间 去 验证 ， 所 以 只 能 在 上 线 前 把 各 种 不 确定 的 因 
素 降 到 最 低 ， 这 里 我 们 用 得 比较 多 的 方法 是 Eric Ries 敏 捷 设 计 中 的 MVP (最 小 可 用 原型 ) ， 即 假定 一 组 用 户 目标 、 问 题 及 解决 
方案 ， 通 过 这 组 假设 找到 假设 成 立 的 关键 点 (最 高 风险 前 提 ) ， 验 证 这 个 最 高 风险 前 提 是 否 成 立 ， 不 能 成 立时 更 改 假设 条 件 ， 直 
到 最 高 风险 前 提成 立 ， 成 立 后 设计 MVP， 并 基于 这 个 MVP 与 早期 的 目标 用 户 测试 、 验 证 。 敏 捷 设 计 流 程 如 图 3 所 示 。 


N， 更 改 假设 条 件 


一 站 


最 高 风险 前 提 验证 是 否 成 立 





一 组 假设 M V PP 


最 小 可 用 原型 


(4 


早期 用 户 


图 3 敏捷 设计 流程 


2013 年 支付 宝 开始 全 面 无 线 化 ， 交 易 记录 是 其 中 很 重要 的 一 环 ， 但 基于 交易 的 记录 都 是 冷冰冰 的 收入 和 支出 ， 通 过 用 户 访 
谈 我 们 渐渐 感知 交易 记录 本 身 就 是 生活 的 账单 ， 记 录用 户 与 其 生活 的 对 话 。 基 于 这 样 的 假设 ,我 们 列 出 了 首 轮 的 最 高 风险 前 提 
一 一 用 户 经 常 浏览 账单 ， 通 过 App 行 为 数据 及 埋 点 分 布 确定 假设 是 否 成 立 。 如 果 成 立 ， 便 可 由 此 设计 出 MVP， 找 来 用 户 做 访谈 
验证 ， 经 过 几 轮 的 调整 ， 最 终 确立 了 第 一 个 上 线 版 本 ， 交 易 对 象 的 LOgo 露 出 后 ， 用 户 在 账单 中 与 生活 的 感知 明显 增强 ， 可 以 迅 
速 查 看 与 该 场景 的 历史 记录 ， 从 而 建立 更 深层 次 的 联系 ; 基于 此 方法 ,我们 不 断 衍生 账单 中 对 象 的 需求 及 形态 ， 为 后 来 支付 宝 的 
开放 平台 业务 服务 窗 打 下 了 基础 。 


第 3 节 ”设计 先行 
在 业务 探索 期 的 产品 更 齐 求 共 建 ， 需 求 的 发 掘 不 能 只 依赖 业务 方 、 产 品 经 理 ， 设 计 师 也 要 主动 去 发 现 用 户 /商户 的 诉求 ， 只 


有 理解 用 户 本 身 以 及 其 所 处 的 环境 ， 我 们 的 设计 才能 融入 用 户 的 生活 。 


2015 年 夏天 ， 线 下 物料 暴露 了 很 多 问题 ， 为 规范 线 下 物料 的 设计 ， 我 们 走访 了 国内 5 个 城市 去 做 调研 ， 收 集 、 发 气 有 效 的 物 
料 形式 ， 并 制定 出 相应 的 一 套 物料 规范 及 铺设 指南 。 但 物料 只 是 用 户 接触 支付 宝 的 一 个 环节 ， 要 想 挖 出 真正 的 问题 ， 需 要 去 还 原 
用 户 、 支 付 宝 、 商 家 三 者 之 间 的 连接 ， 于 是 我 们 绘制 了 用 户 行为 路 径 图 ， 观 察 关键 的 体验 节点 ， 并 就 发 现 的 问题 与 商家 探讨 ， 访 
谈 了 十 几 家 后 果然 发 现 了 平时 难以 预见 的 问题 。 ( 注 : 商户 在 当时 的 收 款 方式 是 扫 码 收 款 。) 


1) 扫 码 枪 设备 依赖 其 终端 网 络 环境 ， 餐 饮 店 高 峰 期 Wi-Fi 速 度 极 慢 ， 扫 码 枪 的 响应 时 间 就 会 变 长 ， 极 大 影响 了 用 户 的 付款 
效率 。 


2) 店铺 未 铺设 扫 码 枪 时 依赖 店主 手机 扫 码 收 款 ， 如 果 店 主 不 在 店 ， 支 付 将 无 法 进行 。 


图 4 所 示 为 付款 效率 低 ， 物 料 被 撤换 。 





图 4 付款 效率 低 ， 物 料 被 撤换 


回来 后 ， 我 们 回顾 了 整个 调研 走访 ， 针 对 支付 环节 的 核心 问题 ， 与 产品 经 理 、 业 务 方 及 行业 BD 进 行 了 宣讲 和 沟通 ， 并 最 终 
确立 了 在 线 支 付 的 方案 ( 即 利 用 用 户 自 身手 机 及 网 络 扫 描 二 维 码 进行 支付 ， 支 持 商 家 折扣 ) 。 


第 4 节 寻找 平衡 


通常 在 设计 师 眼 中 ,似乎 所 有 与 营销 相关 的 东西 都 是 垃圾 ， 往 往 在 设计 完成 后 ， 营 销 需 求 忽 然 出 现 了 ， 设 计 师 不 得 不 被 迫 打 
补丁 到 已 设计 好 的 界面 中 ， 实 在 忍受 不 了 的 ， 只 有 再 重新 去 做 设计 。 当 然 ， 与 营销 有 关 的 东西 不 是 垃圾 ， 就 算 它 们 是 垃圾 ， 你 党 
得 谁 更 应 该 站 出 来 做 好 清理 工作 ” 谁 又 更 适合 将 各 种 混乱 、 复 杂 、 人 生硬 的 东西 梳理 清楚 ， 整 合成 为 既 能 让 用 户 愉 局、 又 能 推动 业 
务 发 展 的 界面 ? 


很 多 时 候 ， 答 案 都 是 “设计 师 ”。 


设计 本 就 是 综合 商业 目标 、 体 验 目标 、 技 术 能 力 的 平衡 解决 方案 ， 营 销 自然 是 其 中 重要 的 环节 ， 优 秀 的 设计 方案 会 将 用 户 目 
标 放 在 第 一 位 ， 但 我 们 同时 也 非常 清楚 ， 通 过 一 些 营 销 手段 来 促进 产品 活跃 、 加 强 用 户 与 产品 的 互动 ， 无 论 对 于 产品 还 是 公司 本 
身 同样 是 非常 重要 的 。 建 议 从 以 下 几 点 着 手 。 


* 项 目 伊始 时 充分 沟通 项 目 背景 、 业 务 目标 、 产 品 及 运营 策略 ， 保 障 目标 一 致 。 


理解 运营 、 营 销 方案 中 的 阶段 目标 ， 将 其 融入 设计 策略 中 。 


* 抛 出 项 目 中 设计 职能 可 能 面临 哪些 方面 的 约束 ， 与 团队 达成 共识 。 


如 此 一 来 ， 无 须 过 早 讨论 具体 的 解决 方案 ， 理 清 问 题 的 全 够 才能 在 细节 间 题 上 做 出 合理 的 权衡 ， 同 时 也 能 取得 团队 伙伴 的 理 
解 和 认同 。 好 的 设计 师 应 该 具备 出 色 的 协调 平衡 能 力 ， 应 该 懂得 超越 小 小 的 自我 ， 将 视野 扩展 到 产品 与 业务 全 局 ， 帮 助 团队 整体 
解决 问题 。 拒 绝 接受 现实 的 做 法 显然 无 法 帮助 我 们 扩大 设计 职能 的 影响 力 。 拥 抱 新 的 生态 环境 ， 找 到 自己 的 平衡 点 ， 在 各 种 制约 
之 下 权衡 出 最 优 方 案 才 是 上 策 。 


总 结 


市 场 环境 瞬息 万 变 ， 将 有 更 多 的 公司 或 团队 进入 “探索 期 ”， 去 寻找 新 的 模式 与 方向 ， 设 计 师 除 了 需要 具备 全 局 性 思维 、 与 
业务 共 创 等 能 力 外 ， 更 需要 一 颗 坚 必 的 心 ， 能 够 有 勇气 去 挑战 一 切 约定 俗 成 的 规则 ， 耐 得 住 不 断 尝 试 的 守 寞 ， 经 得 起 失败 与 挑 
战 。 


引用 : 


[1] studio.uxpin, user-goals-vs-business-goals-finding-the-ux-tipping-point. 


看 设计 


11 ”业务 探索 期 ， 设 计 可 以 做 些 什么 


文 / 丁 明 宇 


随 着 移动 时 代 的 到 来 ，2013 年 支付 宝 整体 战略 方向 调整 到 无 线 ， 支 付 宝 客户 端的 定位 也 由 支付 工具 逐步 向 生活 服务 平台 转 
变 。 在 这 个 转型 的 过 程 中 ， 业 务 在 不 断 探索 和 尝试 ， 从 2013 年 普 囊 理财 产品 余额 宝 ， 到 2014 年 的 平台 型 产品 服务 窗 ， 再 到 2015 年 
线 下 产品 口碑 。 在 这 样 的 环境 中 ， 组 织 对 交互 设计 师 的 职责 有 了 新 的 期 望 和 要 求 ， 除 了 完成 设计 之 外 ， 设 计 师 的 工作 贯穿 项 目 始 
终 ， 上 接 需求 来 源 ， 下 接 设计 实现 。 稳 定期 和 探索 期 设计 师 的 角色 分 别 如 图 1、 图 2 所 示 。 


需求 方 ”产品 经 理 ” 交 互 设计 师 视觉 设计 师 开发 工程 师 测试 工程 师 
图 1 稳定 期 设计 师 的 角色 


两 个 时 期 的 差异 在 于 价值 的 增益 和 创造 ， 前 者 是 在 业务 大 方向 较为 明确 ， 设 计 师 通过 设计 挖掘 其 潜在 、 可 被 优化 的 空间 体现 
价值 ， 后 者 是 在 产品 方向 进行 尝试 ， 需 要 探索 出 较为 明确 、 可 行 的 商业 模式 。 在 这 个 时 期 ， 对 设计 师 的 期 望 是 发 挥 其 专业 价值 ， 


帮助 业务 取得 成 功 。 


下 
nD 


需求 方 ” 产品 经 理 ”交互 设计 师 视觉 设计 师 开发 工程 师 测试 工程 师 
图 2 探索 期 设计 师 的 角色 


在 实际 项 目 中 ， 设 计 方 案 往 往 被 看 作 设 计 师 的 全 部 价值 体现 ， 一 个 优秀 的 设计 方案 也 的 确 能 够 获得 团队 上 下 的 关注 ， 但 方案 
只 是 整个 设计 活动 的 最 后 环节 ， 并 不 能 将 设计 师 的 价值 完全 体现 出 来 。 你 和 合作 方 经 历 了 整个 设计 的 过 程 ， 通 过 研究 、 讨 论 、 测 
试 、 验 证 找到 了 更 好 的 解决 方案 ， 设 计 出 真正 可 行 的 、 有 价值 的 、 可 持续 的 产品 ， 这 才 是 更 重要 的 。 


在 这 个 过 程 中 ， 设 计 师 需要 充分 理解 业务 目标 ， 采 用 有 效 的 设计 方法 去 发 现 问 题 、 验 证 设计 方案 ， 并 能 够 在 业务 目标 、 体 验 


目标 中 寻求 平衡 。 


第 1 节 ”理解 业务 目标 

在 业务 探索 时 期 ， 也 许 与 产品 经 理 的 合作 会 让 你 很 困扰 ， 他 们 似乎 很 容易 给 出 目标 ， 也 很 容易 改变 目标 ， 甚 至 是 在 你 已 经 
始 设计 或 者 发 了 确认 邮件 后 ， 你 也 很 容易 相信 这 个 目标 ,或 者 带 着 一 些 怀疑 也 坚持 做 完了 ， 结 果 却 是 充满 导 灌 地 不 断 修改 。 

出 现 此 类 问题 ， 原 因 往 往 是 双方 没有 对 业务 目标 达成 一 致 ， 设 计 师 没有 理解 业务 目标 ， 也 不 知道 如 何 转化 为 设计 目标 。 

几 点 建议 : 


1) 和 业务 方 一 起 探讨 业务 目标 ， 注 意 他 们 直接 表达 的 未 必 就 是 真实 的 目标 ， 设 计 师 需要 向 需求 层 深 挖 ， 最 终 确定 他 们 实际 
想 要 达到 怎样 的 目标 ;这 个 时 期 需求 方 的 需求 可 能 是 囊 着 方案 一 起 提 的 ， 要 甄别 来 看 哪儿 是 真正 的 需求 ， 避 免 陷入 方案 里 。 


2) 确定 目标 人 群 ， 目 标 人 群 有 哪些 特征 属性 ， 用 户 的 痛 点 是 什么 ， 目 标 人 群 会 在 怎样 的 场景 下 与 业务 目标 产生 联系 。 
3) 结合 1) 2) 去 确定 用 户 体验 目标 是 什么 ， 即 用 户 通过 使 用 产品 可 以 得 到 什么 。 
4) 弄 清楚 影响 达到 体验 目标 的 要 素 有 哪些 。 


5) 围绕 这 些 要 素 去 转化 设计 目标 。 
第 2 节 MVP 设计 实战 


A/B Test 也 许 是 试验 设计 比较 有 效 的 方法 ， 但 在 业务 探索 期 ， 没 有 充足 的 时 间 去 验证 ， 所 以 只 能 在 上 线 前 把 各 种 不 确定 的 因 
素 降 到 最 低 ， 这 里 我 们 用 得 比较 多 的 方法 是 Eric Ries 敏 捷 设 计 中 的 MVP (最 小 可 用 原型 ) ， 即 假定 一 组 用 户 目标 、 问 题 及 解决 
方案 ， 通 过 这 组 假设 找到 假设 成 立 的 关键 点 (最 高 风险 前 提 ) ， 验 证 这 个 最 高 风险 前 提 是 否 成 立 ， 不 能 成 立时 更 改 假设 条 件 ， 直 
到 最 高 风险 前 提成 立 ， 成 立 后 设计 MVP， 并 基于 这 个 MVP 与 早期 的 目标 用 户 测试 、 验 证 。 敏 捷 设 计 流 程 如 图 3 所 示 。 


N， 更 改 假设 条 件 


= 


最 高 风险 前 提 验证 是 否 成 立 





一 组 假设 M V 户 


最 小 可 用 原型 


(4 


于 期 用 户 
图 3 敏捷 设计 流程 


2013 年 支付 宝 开始 全 面 无 线 化 ， 交 易 记录 是 其 中 很 重要 的 一 环 ， 但 基于 交易 的 记录 都 是 冷冰冰 的 收入 和 支出 ， 通 过 用 户 访 
谈 我 们 渐渐 感知 交易 记录 本 身 就 是 生活 的 账单 ， 记 录用 户 与 其 生活 的 对 话 。 基 于 这 样 的 假设 ,我 们 列 出 了 首 轮 的 最 高 风险 前 提 
一 一 用 户 经 常 浏览 账单 ， 通 过 App 行 为 数据 及 埋 点 分 布 确定 假设 是 否 成 立 。 如 果 成 立 ， 便 可 由 此 设计 出 MVP， 找 来 用 户 做 访谈 
验证 ， 经 过 几 轮 的 调整 ， 最 终 确 立 了 第 一 个 上 线 版 本 ， 交 易 对 象 的 Logo 露 出 后 ， 用 户 在 账单 中 与 生活 的 感知 明显 增强 ， 可 以 迅 
速 查看 与 该 场景 的 历史 记录 ， 从 而 建立 更 深层 次 的 联系 ; 基于 此 方法 ， 我 们 不 断 衍生 账单 中 对 象 的 需求 及 形态 ， 为 后 来 支付 宝 的 
开放 平台 业务 服务 窗 打 下 了 基础 。 


第 3 节 ”设计 先行 
在 业务 探索 期 的 产品 更 齐 求 共 建 ， 需 求 的 发 掘 不 能 只 依赖 业务 方 、 产 品 经 理 ， 设 计 师 也 要 主动 去 发 现 用 户 /商户 的 诉求 ， 只 


有 理解 用 户 本 身 以 及 其 所 处 的 环境 ， 我 们 的 设计 才能 融入 用 户 的 生活 。 


2015 年 夏天 ， 线 下 物料 暴露 了 很 多 问题 ， 为 规范 线 下 物料 的 设计 ， 我 们 走访 了 国内 5 个 城市 去 做 调研 ， 收 集 、 发 气 有 效 的 物 
料 形式 ， 并 制定 出 相应 的 一 套 物料 规范 及 铺设 指南 。 但 物料 只 是 用 户 接触 支付 宝 的 一 个 环节 ， 要 想 挖 出 真正 的 问题 ， 需 要 去 还 原 
用 户 、 支 付 宝 、 商 家 三 者 之 间 的 连接 ， 于 是 我 们 绘制 了 用 户 行为 路 径 图 ， 观 察 关键 的 体验 节点 ， 并 就 发 现 的 问题 与 商家 探讨 ， 访 
谈 了 十 几 家 后 果然 发 现 了 平时 难以 预见 的 问题 。 ( 注 : 商户 在 当时 的 收 款 方式 是 扫 码 收 款 。) 


1) 扫 码 枪 设备 依赖 其 终端 网 络 环境 ， 餐 饮 店 高 峰 期 Wi-Fi 速 度 极 慢 ， 扫 码 枪 的 响应 时 间 就 会 变 长 ， 极 大 影响 了 用 户 的 付款 


2) 店铺 未 铺设 扫 码 枪 时 依赖 店主 手机 扫 码 收 款 ， 如 果 店 主 不 在 店 ， 支 付 将 无 法 进行 。 


图 4 所 示 为 付款 效率 低 ， 物 料 被 撤换 。 





图 4 ”付款 效率 低 ， 物 料 被 撤换 


回来 后 ， 我 们 回顾 了 整个 调研 走访 ， 针 对 支付 环节 的 核心 问题 ， 与 产品 经 理 、 业 务 方 及 行业 BD 进 行 了 宣讲 和 沟通 ， 并 最 终 
确立 了 在 线 支 付 的 方案 ( 即 利 用 用 户 自 身手 机 及 网 络 扫 描 二 维 码 进行 支付 ， 支 持 商 家 折扣 ) 。 


第 4 节 寻找 平衡 


通常 在 设计 师 眼 中 ,似乎 所 有 与 营销 相关 的 东西 都 是 垃圾 ， 往 往 在 设计 完成 后 ， 营 销 需 求 忽 然 出 现 了 ， 设 计 师 不 得 不 被 迫 打 
补丁 到 已 设计 好 的 界面 中 ， 实 在 忍受 不 了 的 ， 只 有 再 重新 去 做 设计 。 当 然 ， 与 营销 有 关 的 东西 不 是 垃圾 ， 就 算 它 们 是 垃圾 ， 你 觉 
得 谁 更 应 该 站 出 来 做 好 清理 工作 ” 谁 又 更 适合 将 各 种 混乱 、 复 杂 、 人 生硬 的 东西 梳理 清楚 ， 整 合成 为 既 能 让 用 户 愉 悦 、 又 能 推动 业 
务 发 展 的 界面 ? 


很 多 时 候 ， 答 案 都 是 “设计 师 ”。 


设计 本 就 是 综合 商业 目标 、 体 验 目标 、 技 术 能 力 的 平衡 解决 方案 ， 营 销 自然 是 其 中 重要 的 环节 ， 优 秀 的 设计 方案 会 将 用 户 目 
标 放 在 第 一 位 ， 但 我 们 同时 也 非常 清楚 ， 通 过 一 些 营 销 手段 来 促进 产品 活跃 、 加 强 用 户 与 产品 的 互动 ， 无 论 对 于 产品 还 是 公司 本 


身 同 样 是 非常 重要 的 。 建 议 从 以 下 几 点 着 手 。 
. 项 目 伊始 时 充分 沟通 项 目 背景 、 业 务 目 标 、 产 品 及 运营 策略 ， 保 障 目标 一 致 。 
- 理解 运营 、 和 营销 方案 中 的 阶段 目标 ， 将 其 融入 设计 策略 中 。 
“ 抛 出 项 目 中 设计 职能 可 能 面临 哪些 方面 的 约束 ， 与 团队 达成 共识 。 


如 此 一 来 ， 无 须 过 早 讨论 具体 的 解决 方案 ， 理 清 问题 的 全 狐 才 能 在 细节 问题 上 做 出 合理 的 权衡 ， 同 时 也 能 取得 团队 伙伴 的 理 
解 和 认同 。 好 的 设计 师 应 该 具备 出 色 的 协调 平衡 能 力 ， 应 该 懂得 超越 小 小 的 自我 ， 将 视野 扩展 到 产品 与 业务 全 局 ， 帮 助 团队 整体 
解决 问题 。 拒 绝 接 受 现实 的 做 法 显然 无 法 帮助 我 们 扩大 设计 职能 的 影响 力 。 拥 抱 新 的 生态 环境 ， 找 到 自己 的 平衡 点 ， 在 各 种 制约 
之 下 权衡 出 最 优 方 案 才 是 上 策 。 


总 结 


GAN= 口 


市 场 环境 瞬息 万 变 ， 将 有 更 多 的 公司 或 团队 进入 “探索 期 ”， 去 寻找 新 的 模式 与 方向 ， 设 计 师 除 了 需要 具备 全 局 性 思维 、 与 
业务 共 创 等 能 力 外 ， 更 需要 一 颗 坚 坑 的 心 ， 能 够 有 勇气 去 挑战 一 切 约 定 俗 成 的 规则 ， 耐 得 住 不 断 尝 试 的 寂寞 ， 经 得 起 失败 与 挑 
战 。 


引用 : 


[1] studio.uxpin, user-goals-vs-business-goals-finding-the-ux-tipping-point. 


12 设计 师 如何 从 0 到 1 快速 了 解 一 个 行业 


文 / 王 昆 鹏 


随 着 互联 网 的 快速 发 展 ， 越 来 越 多 的 传统 行业 开始 进军 互联 网 谋求 发 展 ， 越 来 越 多 的 互联 网 公司 也 在 渗入 新 的 行业 挖 据 “ 蓝 
海 ”。 面 对 多 变 的 业务 需求 ， 有 时 候 设计 师 需 要 很 快 地 适应 一 个 全 新 的 行业 ， 并 迅速 产 出 一 个 合适 的 方案 。 


如 果 一 个 设计 师 接 到 需求 就 育 目 开工 ， 工 作 中 往往 需要 不 断 的 沟通 ， 反 复 修改 而 不 得 其 法 ， 最 终 的 结果 也 不 尽 如 人 意 。 寻 致 
这 样 的 结果 的 原因 有 两 个 。 


首先 ， 如 果 对 所 在 行业 不 了 解 ， 你 的 设计 方案 往往 会 局 限于 需求 方 提 出 的 具体 的 实现 方案 ， 而 缺少 判断 方案 是 否 可 行 的 现实 
依据 ， 更 无 法 跳出 去 寻找 更 优 的 解决 方案 。 


其 次 ， 各 行 有 各 行 的 特点 ， 原 有 的 一 些 设 计 经 验 可 能 在 一 个 新 的 行业 里 面 并 不 适用 。 


因而 ， 设 计 师 需要 先 学 习 和 了 解 这 个 行业 ， 再 产 出 设计 方案 ， 只 有 这 样 ， 才 能 保证 方案 经 得 起 推 谢 ， 其 至 可 以 和 业务 共 创 产 
生 新 的 亮点 。 


第 1 节 ”明确 行业 知识 范围 


首先 ， 我 们 得 清楚 我 们 需要 获取 什么 样 的 行业 信息 。 


1. 行 业 如 何 定义 


行业 是 从 事 国民 经 济 中 同性 质 的 生产 或 其 他 经 济 社会 的 经 营 单位 或 者 个 体 的 组 织 结构 体系 ， 如 保险 业 、 采 矿业 等 。[1] 如 果 两 
个 企业 生产 的 产品 、 工 艺 或 服务 的 性 质 相 同 ， 那 么 就 可 以 归 为 同类 组 织 ， 这 个 组 织 的 集合 就 会 形成 一 个 行业 。 


国家 对 于 行业 有 一 个 基本 的 划分 ， 有 近 干 种 行业 ， 但 这 里 我 们 提 到 的 行业 细 分 可 能 更 细致 。 例 如 在 互联 网 行业 和 传统 行业 结 
合 后 ， 我 们 也 会 根据 不 同 的 产品 区 分 出 在 线 医 疗 、 在 线 教育 、 移 动 社交 、 互 联网 金融 等 。 


因此 首先 要 明确 即将 设计 的 产品 隶属 什么 行业 。 
2. 行 业主 要 包括 哪些 知识 


俗话 说 ， 隔 行 如 隔山 ， 不 同 的 行业 有 自己 的 特色 。 初 期 我 们 需要 了 解 的 行业 知识 ， 都 包含 在 如 图 1 所 示 的 分 类 之 内 。 


行业 简介 
行业 发 展现 状 
行业 规模 

行业 现状 |el 
商业 模式 
市 场 格 局 

法 律 、 法 规 





未 来 的 发 展 万 向 


快速 了 解 一 个 行业 | 行业 发 展 趋 热 le 未 来 的 行业 规模 
MN 影响 因素 








| 运营 策略 





图 1 行业 基本 信息 结构 
(1) 行业 现状 
了 解 这 个 行业 是 如 何 运转 的 ， 主 要 有 以 下 几 方 面 内 容 。 
. 行业 简介 、 行 业 发 展现 状 、 行 业 规 模 帮 助 我 们 快速 了 解 行业 特征 ， 有 一 个 初步 把 握 。 


产业 链 是 一 种 产品 的 上 下 游 关联 的 所 有 产品 的 总 和 ， 使 我 们 能 更 宏观 地 把 握 产 品 形态 和 定位 。 





. 商业 模式 简单 说 是 企业 带 给 客户 的 价值 以 及 本 身 的 鼻 利 方式 。 理 解 它 是 我 们 分 析 需 求 和 方案 取舍 的 重要 依据 。 


“ 市 场 格局 包括 市 场 形态 ( 玖 断 市 场 还 是 竞争 市 场 ) ， 主 要 参与 者 是 谁 。 可 以 帮助 我 们 理解 运营 策略 。 


法律、 法 规 在 个 别 行业 中 非常 重要 ， 如 人 金融、 电视、 网 购 等 ， 它 将 成 为 设计 的 重要 限制 条 件 。 

(2) 行业 发 展 趋 势 

一 个 行业 未 来 的 前 景 如 何 ， 对 它 的 分 析 往 往 是 建立 在 行业 的 逻辑 分 析 、 环 境 分 析 、 现 状 分 析 基 础 之 上 的 。 
:发展 方向 和 规模 是 行业 趋势 预 估 的 重要 组 成 部 分 ， 我 们 的 设计 必须 迎合 这 个 趋势 。 

.影响 因素 的 分 析 可 以 快速 明白 产品 设计 背后 可 能 的 优势 以 及 局 限 。 优 势 需要 借 力 ， 局 限 需要 克服 或 规避 。 
(3) 产品 分 析 


在 宏观 把 握 现 状 或 趋势 之 后 ， 我 们 还 需 深入 了 解 一 些 行业 中 的 主要 产品 或 服务 ， 可 以 是 本 公司 的 现 有 产品 ， 也 可 以 是 竞争 对 
手 的 产品 。 去 其 糟粕 ， 取 其 精华 ， 这 是 我 们 从 微观 角度 理解 一 个 行业 的 重要 方法 ， 也 是 设计 执行 时 的 参考 依据 。 


3. 当 前 重点 内 容 是 什么 


行业 知识 范围 是 一 个 学 围 的 框 定 ， 但 我 们 不 需要 每 项 信息 都 均衡 获取 ， 我 们 必须 清楚 当前 阶段 的 重点 是 什么 。 我 们 可 以 通过 
经 济 学 中 的 产品 生命 周期 来 判断 我 们 需要 摄取 的 行业 知识 重点 。 判 断 产品 生命 周期 需要 结合 很 多 因素 综合 考虑 判断 ， 如 市 场 增长 
率 、 需 求 增长 潜力 、 产 品 品 种 多 少 、 竞 争 者 多 少 、 市 场 占有 率 状况 等 。 在 生命 周期 的 每 个 阶段 我 们 需要 关注 的 重点 都 会 不 一 样 ， 
如 图 2 所 示 。 


市 场 增长 率 
概念 期 验证 期 成 长 期 成 熟 期 衰退 期 ”: 时间 阶段 
_ | 探索 价值 和 潜力 ” 验证 产品 价值 ”快速 获取 用 户 。 刺激 用 户 持续 ”如 何 挽留 用 户 

主要 目标 扩大 规模 活跃 寻找 新 的 增长 点 
来 必 展 招 = 行业 规模 行业 现状 行业 现状 
于 DE 六 ,市 场 格局 。 ”未 来 发 展 方向 用 户 分 析 

重点 知识 a 2 未 来 发 展 趋势 。 重点 企业 / 竞 品 / 
用 户 需求 分 析 核心 功能 分 析 交 产品 分 析 替代 品 分 析 

基础 知识 行业 简介 、 行 业 发 展现 状 、 商 业 模 式 、 产 业 链 、 竞 品 分 析 


图 2 ”基于 产品 生命 周期 的 行业 知识 选择 


(1) 基本 信息 


不 管 产 品 处 于 什么 阶段 ， 基 本 信息 是 我 们 必须 去 了 解 的 内 容 ， 它 可 以 帮助 我 们 初步 了 解 这 个 行业 。 基 本 信息 主要 包括 行业 简 
介 、 行 业 发 展现 状 、 商 业 模式 、 产 业 链 、 竞 品 分 析 等 。 


(2) 概念 期 
概念 期 的 重点 是 探索 产品 的 价值 和 潜力 。 


这 个 阶段 产品 形态 尚未 稳定 ， 市 面 上 也 缺少 可 以 参考 的 产品 ， 行 业 存在 多 种 可 能 性 ， 我 们 需要 重点 了 解 行业 发 展 趋势 以 及 是 


否 有 其 他 的 企业 、 科 研 机 构 从 事 相 关 的 研究 ， 还 需要 对 用 户 需 求 进行 分 析 ， 从 而 发 现 设计 在 其 中 的 机 会 点 和 创新 点 。 
(3) 验证 期 


验证 期 的 重点 是 验证 产品 的 价值 。 


这 个 时 期 的 产品 开始 在 市 场 试 水 检验 ， 需 要 快速 收集 反馈 以 及 调整 产品 的 能 力 。 我 们 需要 了 解 目标 用 户 及 反馈 、 运 营 策 略 ， 
从 而 将 核心 功能 体验 做 到 最 佳 ， 来 快速 验证 商业 模式 的 可 行 性 。 


(4) 成 长 期 
此 阶段 行业 正常 、 快 速 地 发 展 ， 产 品 重点 是 获取 大 量 的 用 户 ， 扩 大 产品 规模 ， 进 而 快速 占领 市 场 ， 压 缩 对 手 空间 。 


发 展 到 这 个 阶段 ， 市 场 已 基本 认可 这 一 新 兴 行 业 ， 发 展会 加 快 ， 投 入 也 会 增多 ， 同 时 可 能 会 渭 入 大 量 竞争 对 于 。 因 而 我 们 需 
要 了 解 的 知识 较 多 : 行业 规模 、 市 场 格局 、 未 来 的 发 展 趋势 和 影响 因素 、 对 手 分 析 、 竞 品 分 析 等 ， 以 保证 我 们 的 设计 符合 这 一 目 


标 o 


(5) 成 熟 期 


因此 我 们 需要 重点 了 解 行业 现状 、 未 来 发 展 方向 、 重 点 企业 / 产品 分 析 。 这 个 阶段 的 产品 设计 会 更 加 细致 ， 需 要 明确 哪些 功 
能 可 以 添加 、 优 化 或 删除 。 


(6) 衰退 期 


衰退 期 并 不 意味 着 行业 已 经 失去 市 场 活力 、 走 向 火 亡 ， 它 可 能 是 暂时 的 。 例 如 胶卷 相机 萎靡 但 数码 相机 市 场 鞍 勃发 展 ， 卡 片 
相机 不 景气 但 手机 相机 功能 越 来 越 强大 ， 因 为 用 户 对 于 摄影 摄像 的 需求 在 现 阶段 是 不 减 反 增 的 。 


这 个 阶段 的 产品 我 们 需要 了 解 的 重点 也 有 两 个 。 一 个 是 通过 目标 用 户 调研 、 行 业 现状 分 析 ， 寻 找 用 户 流失 的 原因 ， 进 而 去 优 
品 ; 另 一 个 是 对 新 兴 发 展 的 竞 品 (或 蔡 代 品 ) 、 趋 势 进行 分 析 ， 从 事 创 新 设计 。 


第 2 节 ”寻找 合适 的 方法 


我 们 需要 带 着 上 述 问 题 去 快速 了 解 一 个 行业 ， 所 用 的 多 数 方 法 其 实 很 常见 ， 只 是 我 们 没有 认真 对 待 。 
1. 最 简单 的 方法 : 上 网 搜索 (基本 手段 ) 


行业 权威 网 站 、 相 天 论坛 、 行 业 分 析 报 告 、 相 关 新 闻 都 是 我 们 探索 行业 知识 的 好 去 处 。 如 果 对 方 是 上 市 公司 ， 查 阅 其 财报 、 
招股 说 明 书 是 最 快 地 全 面 了 解 该 公司 的 方法 。 同 时 股市 也 能 反映 出 资本 市 场 对 这 一 行业 发 展 的 认可 程度 。 


2. 最 快 的 方法 : 向 专家 提问 (基本 手段 ) 


如 果 身 边 有 行业 的 资深 人 士 ， 直 接 问 是 最 快 且 高 效 的 方法 。 他 们 可 以 迅速 让 我 们 对 一 个 行业 有 大 概 的 了 解 ， 也 可 以 对 我 们 在 
学 习 中 遇 到 的 各 种 问题 进行 答疑 ， 更 可 以 指导 我 们 如 何 正确 地 学 习 这 一 行业 。 


3. 实 际 体验 〈 进 阶 手段 ) 


知行 结合 ， 实 际 参与 到 这 个 行业 的 运作 或 体验 相关 的 产品 可 以 加 深 我 们 对 业务 的 理解 。 例 如 ， 我 们 要 做 一 个 卖 保 险 的 App。 
那 我 们 就 可 以 找 一 些 况 品 ， 在 上 面体 验 买 保险 的 流程 、 订 单 的 查看 流程 甚至 赔付 流程 。 当 然 前 提 是 我 们 已 经 对 这 一 行业 有 了 基本 
了 解 ， 否 则 体验 中 就 无 法 判断 其 中 的 好 坏 。 


4. 看 书 (深入 ) 


书本 是 行业 知识 浓缩 的 精华 ， 有 利于 我 们 建立 完整 的 知识 体系 ， 更 有 利于 深入 了 解 一 个 行业 的 来 龙 去 脉 。 但 书本 知识 有 一 定 
的 滞后 性 ， 无 法 获取 最 新 的 信息 。 


我 们 需要 先 杜 选 合适 的 书籍 。 然 后 在 学 习 过 程 中 汇总 、 提 炼 有 价值 的 信息 ， 作 为 我 们 设计 判断 的 依据 之 一 。 
5. 做 一 份 简单 的 行业 分 析 或 知识 总 结 
号 期 快速 学 习 的 知识 很 容易 忘记 ， 我 们 需要 在 过 程 中 不 断 地 做 总 结 ， 并 做 好 笔记 。 


上 述 内 容 的 整理 ， 短 则 一 两 天 ， 长 则 一 周 基本 都 能 完成 。 将 获得 的 知识 文档 化 、 结 构 化 ， 就 可 以 作为 进入 设计 阶段 的 知识 储 
备 和 参考 。 


第 3 节 案例: 在 线 违章 缴 别 流程 设计 


下 面 以 我 做 过 的 “在 线 违章 缴 罚 ”业务 为 例 进行 详细 介绍 。 


随 着 移动 互联 网 的 发 展 、 政 府 便民 意识 的 增强 ， 在 线 违 章 缴 罚 也 开始 在 各 地 推广 使 用 。 在 支付 宝 的 城市 服务 中 ， 不 同城 市 的 
缴 罚 流程 都 不 一 样 ， 体 验 好 坏 不 一 。 


刚 接 手 此 项 目的 时 候 会 有 更 多 困惑 ， 例 如 我 有 一 个 罚单 我 该 怎么 缴 罚 ， 现 有 的 支付 宝 在 线 缴 罚 流程 有 什么 问题 ， 我 的 优化 方 
向 是 什么 ， 可 行 性 如 何 ， 等 等 。 


在 具体 了 解 需求 、 执 行 设计 之 前 ， 我 们 先 要 了 解 要 进入 的 行业 。 了 解 了 基本 信息 之 后 ， 就 需要 明确 行业 所 处 阶段 。 从 阶段 
看 ， 违 章 缴 罚 虽然 是 一 个 传统 业务 ， 但 在 线 缴 罚 属于 与 车 相关 的 在 线 服 务 之 一 ， 而 互联 网 汽车 市 场 正 处 于 著 勃 发 展 阶段 ， 因 而 隶 
属于 它 的 在 线 违章 缴 罚 也 处 于 成 长 期 阶段 。 


针对 成 长 期 的 产品 ， 我 们 的 重点 是 获取 大 量 的 用 户 ， 扩 大 产品 规模 。 这 和 业务 希望 能 快速 在 各 大 城市 推广 的 目标 是 一 致 的 。 


因此 我 们 需要 了 解 的 重点 知识 主要 有 行业 现状 、 目 标 用 户 分 析 、 未 来 的 发 展 速度 和 影响 因素 、 况 品 分 析 等 。 为 了 产 出 合适 的 
方案 ， 我 需要 伦 几 天 的 时 间 将 这 块 知识 空白 补充 完整 ， 再 开始 考虑 设计 目标 和 具体 方案 。 


1. 行 业 现 状 


首先 是 了 解 行业 现状 ， 如 行业 简介 、 发 展现 状 、 行 业 规模 、 商 业 模 式 等 。 我 主要 是 直接 找 业务 经 理 了 解 ， 然 后 辅 以 网 上 搜 
索 。 


(1) 行业 简介 


首先 ， 违 章 缴 罚 仅仅 是 司机 的 违章 处 理 之 后 ， 缴 纳 罚 款 的 过 程 。 这 和 违章 查询 是 两 个 业务 ， 也 就 是 说 目前 在 线 查 和 缴 是 分 
的 ， 这 是 行业 了 解 中 发 现 的 一 个 体验 缺陷 ， 因 此 在 后 续 方案 设计 中 希望 能 将 查 和 缴 的 业务 整合 。 


其 次 ， 违 章 缴 罚 只 是 交警 部 门 收费 业务 中 非常 小 的 一 部 分 ， 这 只 是 我 们 与 交警 部 门 合作 的 一 个 环节 ， 原 来 我 们 找 交 警 办 的 业 
务 也 非常 多 ， 只 是 大 部 分 都 非常 低频 ， 以 至 于 不 太 感知 得 到 。 设 计时 我 们 就 知道 现 有 产品 入 口 需要 为 未 来 可 能 接 入 的 新 业务 做 扩 
展 准 备 。 


以 某 市 交通 管理 局 官网 为 例 ， 可 以 看 到 违章 缴 罚 只 是 众多 网 上 自助 服务 中 的 一 块 内 容 ， 如 图 3 所 示 。 
(2) 发 展现 状 


在 线 缴 罚 依赖 于 地 方 政府 网 络 信息 建设 ， 目 前 全 国 约 有 100 个 城市 支持 在 线 缴 罚 ， 但 具体 的 实现 方 和 进度 是 不 一 样 的 ， 这 意 
味 着 我 们 未 来 的 方案 需要 以 城市 为 试点 一 步 步 去 推广 ， 同 时 每 个 城市 的 缴 罚 方案 需要 结合 当地 的 实际 情况 。 
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校车 查验 记录 表 

武汉 市 达标 电动 车 名 录 一 览 表 《 按 宇 母 旦 序 排 
序 ) 

委托 书 .doc 

机 动车 检验 标志 申请 表 (适用 于 6 年 内 免检 车 ) 

校车 驾驶 许可 赴 请 表 ,x 

校车 标 黎 领取 表 . 沙 


A 武汉 市 电动 自行 车 登记 申请 表 ,doc 
(od 万 局 / 多 - 驾驶 证 准 驾车 型 及 代号 .doc 


机 动车 注册 、 和 转移 、 注 镜 人 发 记 、 转 入 申请 表 ~xs 


及 办 事 网 点 Pr < 二 
加 收费 标准 : 


新 车 网 上 选号 机 动车 补 领 号 牌 衣 动 车 换 领 号 算 。。 换 领 机 动车 行 歌 证 





补 领 机 动车 行 避 证 ”变更 如 证 联系 方式 ” 轰 驶 证 遗失 补 证 台 驶 证 损毁 换 证 








机 动车 效 证 申请 表 .xls 
于 入 | 所 | | 部 | 
变更 机 动车 联系 方式 。 驶 证 期 满 换 证 。 驾驶 证 注销 恢复 违法 代码 意 询 全 市 机 动车 安 - ， 桔 管 所 及 其 分 .。 
全 市 电动 自行 .， ， 交 通 大 队 车 管 .. 
SR 
wh ER - 全 市 违法 处 理 .全 市 驾驶 人 考 
+ 
- 全 市 汽车 销售 .. 100 个 车 管 部 政 ,， 
医院 体检 系统 者 试 预约 短信 服务 社区 交管 服务 ..…. ， 旧 车 市 场 登记 ..， 














图 3 ”菜市 交通 管理 局 网 上 自助 服务 
(3) 行业 规模 


传统 缴 罚 业务 也 没有 直接 公开 的 数据 ， 通 过 互联 网 仅仅 了 解 到 2014 年 交通 安全 服务 ， 全 国 办 理 各 类 业务 7 亿 多 笔 ， 近 5 年 平 
均 年 增长 超过 10%， 个 别 大 城市 的 每 年 违章 缴 罚 量 是 数 亿 元 ， 这 说 明 缴 罚 业务 量 还 是 非常 大 的 。 


(4) 商业 模式 


违章 缴 罚 是 便民 服务 ， 尚 不 具有 明确 的 盈利 模式 。 这 就 决定 了 除了 政府 不 会 有 企业 单纯 做 此 业务 ， 因 为 不 赚钱 。 但 对 于 支付 
宝来 说 ， 这 是 一 个 重要 的 支付 场景 ， 可 以 增加 用 户 的 黏 性 。 


2. 目 标 用 户 分 析 


2015 年 ， 全 国有 42 个 城市 的 汽车 保有 量 超过 百 万 。 基 于 城市 服务 的 在 线 违章 缴 罚 使 用 人 数理 论 上 可 达 干 万 级 。 
通过 和 从 事 缴 罚 业务 的 同事 沟通 可 以 快速 了 解 到 ， 车 主 主要 分 以 下 3 类 : 
- 驾驶 自己 名 下 的 车 ， 这 种 是 最 常见 的 用 户 。 
“ 长 期 轰 驶 非 本 人 名 下 的 车 ， 如 夫妻 同 开 一 辆 车 ， 但 这 车 肯定 是 挂 在 其 中 一 人 名 下 。 
“ 没有 固定 的 驾驶 车 辆 ， 如 偶尔 租车 、 借 车 的 用 户 。 
因此 ， 我 们 在 设计 方案 时 需要 考虑 是 否 能 兼顾 这 3 类 用 户 缴 罚 的 不 同 场景 。 
3. 未 来 发 展 速 度 和 影响 因素 


公安 部 正在 大 力 推广 在 线 服务 ，130 余 项 业务 计划 2016 年 年 底 在 全 国 推广 ， 其 中 就 包含 违章 缴 罚 业务 。 借 助 政策 东 风 ， 支 付 
宝 支 持 全 国 在 线 缴 罚 也 成 为 一 种 可 能 ， 同 时 在 线 缴 罚 也 将 逐步 走向 规范 化 、 便 捷 化 。 


我 国 的 汽车 保有 量 增长 非常 快 。2015 年 ， 以 个 人 名 义 登 记 的 小 型 载 客 汽车 (私家 车 ) 达到 12435 万 亿 辆 。 与 2014 年 相 比 ， 
私家 车 增加 1876 万 辆 ， 增 长 17.77%。 如 图 4 所 示 。 全 国平 均 每 百 户 家 庭 拥 有 31 辆 私家 车 。 
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图 4 2011 一 一 2015 年 私家 车 保有 量 情况 


同时 2015 年 ， 全 国 机 动车 驾驶 员 数 量 超 3.2 亿 人 ， 汽 车 驾驶 员 2.8 亿 人 ， 占 驾驶 员 总 量 的 85.63%[ 回 。 由 此 可 见 其 背后 的 违章 
缴 罚 量 基数 也 会 非常 大 。 


以 上 都 是 这 块 业务 发 展 的 优势 ， 但 也 存在 一 些 局 限 。 
* 各 地 缴 罚 流程 咯 有 不 同 ， 使 得 标准 化 输出 在 现 阶段 尚 有 难度 。 
“ 各 地 政府 网 络 信息 发 展 程度 不 一 ， 各 城市 的 推广 进程 不 一 。 


* 没有 清晰 的 商业 模式 ， 更 多 的 是 一 种 便民 服务 的 存在 ， 使 得 互联 网 市 场 的 很 多 公司 现 阶段 并 不 看 重 这 块 业务 。 


: 用 户 使 用 频次 不 高 。 用 户 基 本 每 年 缴 罚 都 在 两 次 以 下 ， 不 如 查询 违章 的 频次 高 。 


当 执行 完 前 3 个 步骤 之 后 ， 我 们 对 于 这 个 行业 已 经 有 了 一 定 的 宏观 了 解 ， 但 这 些 信 息 中 哪些 对 当前 设计 有 价值 ， 哪 些 可 以 放 
弃 ， 哪 些 又 需要 深入 ”我 们 需要 通过 竞 品 分 析 迅 速 建立 一 个 具象 的 感官 。 我 们 可 以 通过 网 络 收集 、 实 际 体验 在 线 缴 罚 完 成 这 步 ; 
也 可 以 通过 用 户 访谈 ， 找 缴 过 罚单 的 朋友 问 问 他 们 的 感受 ， 发 现 其 中 的 体验 断层 和 痛 点 。 


通过 研究 我 们 发 现在 线 违章 缴 罚 主要 是 两 种 类 型 


一 种 是 地 方 交管 部 门 本 身 推广 上 线 的 在 线 缴 罚 业务 。 通 过 服务 窗 的 形式 植 入 微 信 、 支 付 宝 等 App 中 ， 或 者 直接 在 自己 的 官网 
上 提供 给 大 家 使 用 。 但 不 同城 市 要 求 用 户 输入 的 信息 难 易 不 一 ， 体 验 差异 较 大 。 例 如 深圳 、 武 汉 等 地 的 在 线 缴 罚 比较 流畅 ， 支 持 
查询 和 缴费 在 线 一 体 化 ; 而 个 别 城市 用 户 在 线 引 导 则 比较 难 懂 。 


另 一 种 是 与 车 相关 的 互联 网 App 做 的 在 线 缴 罚 业务 (主要 是 提供 代 缴 业务 ) ， 这 里 的 流程 体验 差别 不 大 ， 基 本 都 是 先 查 询 违 
息 ， 再 进行 代 缴 确认 ， 需 要 上 传 相 关 证 件 。 但 它 也 有 收费 较 高 、 容 易 泄露 个 人 隐私 等 问题 ， 目 前 使 用 的 人 数 非常 有 限 。 


选择 其 中 优秀 的 产品 ， 进 行 流程 体验 ， 并 截图 对 比 ， 发 现 其 中 的 优 劣 点 。 还 可 以 将 其 通用 的 流程 提炼 出 来 ， 设 计 一 个 理想 的 
缴 罚 流程 ， 如 图 5 所 示 。 


了 解 完 之 后 ， 我 们 将 知识 点 整理 精简 后 ， 可 以 制作 成 PPT 或 一 张 表 ( 表 1) ， 作 为 后 续 设计 参考 。 然 后 开始 着 手 设计 ， 一 定 
会 更 加 得 心 应 手 ， 对 于 后 续 业 务 的 变化 也 能 有 效 预 判 和 适应 。 


违章 音 淘 查询 结果 





部 分 类 型 缴 罚 跳 过 此 步骤 


图 5 在 线 违章 缴 罚 流程 汇总 
表 1 在 线 违章 缴 罚 行业 知识 简 表 


业务 名 称 在 线 违 章 缴 昼 


产品 生命 周期 成 长 期 
主要 目标 快速 获取 用 户 ， 扩 大 规模 
行业 规模 在 线 缴 罚 刚刚 兴起 ， 但 市 场 潜在 需求 非常 庞大 
完全 竞争 市 场 。 有 两 类 主体 :一 类 是 地 方 相关 部 门 ， 一 类 
i 市 场 格局 。 | 是 互联 网 汽车 服务 相关 企业 


未 来 在 线 缴 罚 将 逐步 走向 规范 化 、 便 捷 化 。 伴 随 汽车 市 场 
未 来 发 展 趋势 | 的 发 展 ， 用 户 基数 在 快速 扩大 


优势 : 政府 的 网 上 业务 推广 ; 线 下 体验 不 佳 ， 用 户 需 求 较 
强 ; 劣势 : 各 地 缴 罚 流程 不 一 ， 暂 时 无 法 做 通用 方案 ; 对 地 
方 政府 的 信息 服务 建设 依赖 大 ， 不 能 快速 推广 ; 没有 一 个 明 
显 的 商业 模式 ; 用 户 使 用 频次 低 


重点 
知识 竞 品 体验 后 ， 流 程 总 结 如 图 $ 所 示 
交警 缴 罚 属于 非 税 业务 : 在 线 违章 缴费 仅仅 指 的 是 用 户 韦 





行业 简介 | 章 处 理 之 后 ， 通 过 网 络 缴纳 罚款 的 过 各 
发 展现 状 各 城市 的 进度 是 不 一 ， 深 圳 、 北 京 、 武 汉 发 展 较 快 
ee 便民 服务 ， 同 时 增加 App 的 用 户 黏 性 ， 没 有 明确 的 商业 模式 
知识 交警 负责 处 罚 ， 缴 款 由 各 地 财政 负责 管理 ;财政 负 责 管理 
产业 链 非 税 资金 ， 包 括 各 类 缴 罚 、 规 费 ; 银行 负责 资金 托 收 、 内 部 
清 分 及 上 缴 国库 


总 结 


综 上 来 看 ， 了 解 行业 的 思路 并 不 难 。 有 了 思路 的 指导 ， 才 能 帮助 我 们 顺利 跨 过 行业 的 第 一 个 门槛 ， 才 能 寻找 到 合适 方法 去 获 
取 知 识 ， 进 而 指导 设计 方案 。 但 是 在 具体 方案 设计 过 程 中 ， 仅 仅 了 解 一 些 行业 知识 还 不 够 ， 还 需要 结合 具体 的 业务 目标 、 产 品 需 


求 、 项 目 成 本 等 因素 ， 去 综合 考虑 并 制定 设计 目标 、 设 计 中 的 优先 级 等 。 


当然 ， 我 们 需要 长 期 沉浸 到 某 个 行业 的 设计 中 ， 一 次 这 样 的 总 结 还 远 远 不 够 。 我 们 必须 长 期 和 内 部 人 士 沟通 交流 ， 阅 读 专业 
书籍 ， 持 续 关 注 行业 动态 ， 在 知识 的 深度 和 广度 上 不 断 拓展 。 只 有 这 样 ， 我 们 对 于 该 行业 设计 的 理解 才能 不 断 加 深 ， 设 计 判 断 才 


能 进一步 准确 。 


[1 李子 白 . 投 资 银行 学 .北京 : 清华 大 学 出 版 社 ，2005 
[2] 侠 名 .2015 年 全 国 机 动车 和 驾驶 人 迅速 增长 .http://logal.people.com.cn/n1/2016/0125/c42510-28082900.html. 


13 ”敏捷 设计 研究 


文 / 肖 瑶 


现今 互联 网 行业 变化 迅速 ， 产 品 价值 被 最 大 化 开发 ， 产 品 研发 者 一 直 在 用 有 限 的 时 间 和 资源 去 挑战 无 穷 的 需求 与 思路 。 设 计 
师 与 合作 方 在 这 个 对 效率 要 求 非常 高 的 环境 下 ， 面 临 将 产品 极致 化 的 挑战 。 


整个 行业 的 发 展 同时 带动 了 需求 快速 的 变化 ， 需 要 设计 师 尽 快 摸 透 市 场 、 了 解 用 户 ， 用 研究 分 析 的 结论 代替 苦 思 裕 想 的 假 
设 。 互 联网 用 户 在 成 长 ， 对 体验 的 要 求 也 越 来 越 高 ， 设 计 师 需要 用 更 敏捷 的 方法 进行 设计 研究 。 


大 概 在 9 年 前 ， 网 页 是 行业 最 主要 的 形态 ， 用 户 只 是 信息 的 接受 者 。 网 页 设计 ， 要 求 版 式 的 灵活 程度 高 ， 需 要 通过 分 层 架 构 
的 方式 布置 大 量 的 信息 和 功能 ， 注 重 导 航 的 指引 性 和 内 容 的 吸引 力 。 如 今 ， 行 业 趋 势 已 经 发 生 改 变 。 各 类 型 的 产品 渗透 到 了 手机 
端 、 可 穿戴 设备 、VR 虚 拟 现实 等 多 元 化 的 形态 ， 产 生 了 丰富 的 交互 形态 和 反馈 方式 。 


在 这 个 发 展 进程 中 ， 因 为 用 户 不 断 成 长 和 被 教育 ， 对 体验 的 要 求 也 越 来 越 高 。 作 为 设计 师 ， 利 用 单一 的 用 户 研究 方法 已 无 法 
满足 行业 和 用 户 ， 从 而 需要 衍生 更 具 适 应 性 的 用 户 研究 方法 以 及 更 为 充实 的 设计 流程 。 这 一 点 可 能 在 不 同 的 团队 有 少许 差异 ,但 
是 整体 而 言 已 经 趋 于 完善 。 


第 1 节 ”敏捷 设计 研究 的 流程 


一 般 来 说 ， 设 计 研究 是 一 种 量化 设计 的 客观 的 统计 方法 ， 是 为 尽量 满足 用 户 需求 、 符 合用 户 操作 行为 习惯 做 的 一 种 调查 研 
究 。 在 这 个 过 程 中 ， 以 往 都 会 细 分 流程 和 职能 ， 完 整地 按照 流程 顺序 实施 的 话 ， 在 项 目的 把 控 上 就 需要 给 每 个 节点 留 出 充分 的 时 
间 和 缓冲 期 。 


这 里 以 一 个 比较 紧凑 的 验证 流程 来 举例 ， 根 据 支付 宝 新 版 本 发 布 为 周期 的 设计 研究 ， 结 合用 户 反馈 收集 、 用 户 满意 度 定量 类 
据 监控 、 线 上 版 本 可 用 性 测试 、 新 版 高 保 真 DEMO 测试 ， 以 及 最 后 总 结 所 有 发 现 问题 的 这 几 个 环节 ， 最 终 对 版 本 做 修正 优化 。 
其 流程 见 表 1。 


表 1 ”以 新 版 本 发 布 为 周期 的 设计 研究 流程 
设计 研究 流程 


内 网 、 评 论 
日 报 、voice、 
扎堆 、 百 度 、 


收集 各 渠道 的 用 户 反馈 ， 灰 度 测 
坛 阶段 活跃 热心 用 户 的 反馈 ， 帮 助 
F 一 个 版 本 的 产品 需求 形成 和 完善 


用 户 反 馈 


线 ] 周 大 
上 线 1 周 内 收集 


在 线 上 筛选 已 发 布 版 本 的 用 户 ， 


会 担 
月 请 清 意 | 进行 满意 度 调研 ， 针 对 总 体 五 大 维 | ,局 六 ob 
上 线 2 周 | 记 伟 全 监 控 | 度 以 及 四 大 业务 线 的 满意 度 情况 进 | 二 中 se 全 
持续 监控 | 行 健康 指标 评估 ， 监 控 每 一 期 产品 | 文 宝 下 。 
tips 投放 问卷 


指标 





设计 研究 流程 渠 道 
人 担 
正式 版 本 | ”对 重点 模块 和 功能 进行 针对 性 任 a 
[上线 2 ~ 3 周 可 用 性 测试 | 务 测试 ， 提 炼 操 作 体 验 的 主要 问题 学 牛 代理 电话 
人 &DEMO 测 | 并 在 下 一 版 本 提供 优化 设计 方案 ,| 。 Pi 
, | rr 邀约 到 支付 宝 
试 同时 对 下 一 版 本 的 可 用 性 进行 验证 体验 室 


汇总 各 类 型 的 用 户 反 馈 ， 输 出 
“支付 宝 X.X 版 本 用 户 体 验 报告 ”， 
在 新 版 上 线 之 前 帮助 优化 和 提升 整 
体 体验 


设计 团队 内 
部 分 享 及 向 上 
汇报 


新 版 本 发 布 前 





以 上 每 一 个 环节 都 可 以 帮助 设计 师 找到 问题 以 及 了 解 真实 的 用 户 体 验 感受 ， 但 这 几 个 环节 结合 起 来 得 到 完整 总 结 却 需要 大 量 
的 时 间 ， 并 且 需 要 非常 标准 的 资源 配置 和 专职 岗位 的 用 户 研究 工程 师 去 进行 操作 ， 在 设计 师 日 常 的 工作 中 很 难 独 立 完成 。 


所 以 ， 这 里 定义 的 敏捷 设计 研究 指 的 是 ， 在 设计 师 平常 的 工作 当中 ， 任 何 一 个 值得 推敲 的 设计 细节 ， 或 者 感到 困惑 的 问题 ， 
为 了 解决 它 所 做 的 快速 的 验证 行为 。 最 理想 的 状态 是 将 自己 的 设计 思路 有 条 理 地 叙述 出 来 并 找到 用 户 (内 部 或 者 外 部 ) 进行 快速 
的 验证 得 到 反馈 ， 这 样 能 在 用 户 研究 的 过 程 中 进行 设计 信息 的 收集 。 


也 就 是 说 ， 繁 捷 的 设计 研究 不 一 定 需要 填 满 所 有 流程 中 的 时 间 节 点 ， 而 更 偏向 于 见缝插针 。 


第 2 节 ”敏捷 设计 研究 的 方法 


设计 研究 的 方法 大 体 分 为 定性 研究 和 定量 研究 两 个 大 类 ， 定 性 研究 主要 是 用 来 收集 用 户 反 馈 、 了 解 使 用 动机 以 及 挖掘 用 户 需 
求 ， 定 量 研究 则 可 以 用 数据 比例 证 明定 性 研究 中 的 结论 是 否 如 我 们 所 想 ， 并 且 具 备 更 强 的 说 服 力 ， 这 两 类 方法 的 优 缺 点 也 不 尽 相 
同 ， 其 区 别 见 表 2。 


表 2 ”定量 和 定性 的 区 别 


定量 (quantitative ) 定性 (qualitative ) 


样本 量 大 ， 数 据 客 观 ， 有 说 服 





二 jx 人 四 外 a 
优点 力 ， 易 于 沟通 深入 理解 用 户 行 为 
. 样本 量 少 ， 缺 乏 数据 支持 ， 有 

占 只 >  ， 难 达 和 
缺点 上 现象 ， 难 达 本 质 主观 倾向 的 嫌疑 
难点 数据 的 获取 和 挖掘 ; 对 研究 者 统 对 用 户 认 知 的 深入 理解 ; 对 研 
We 计 方 法 的 要 求 较 高 究 者 深 描 的 要 求 较 高 
代表 方法 问卷 调查 、 网 站 分 析 深度 访谈 、 焦 点 小 组 





被 设计 师 经 常用 到 的 方法 大 多 是 用 户 访谈 、 可 用 性 测试 、 网 络 问卷 等 ， 其 实 还 有 很 多 方法 可 以 加 以 改造 利用 ， 大 部 分 的 设计 


研究 方法 如 图 1 所 示 。 
可 用 性 测试 深度 访谈 
焦点 小 组 入 户 调 碍 
网 络 问卷 满意 度 监控 
A/B TEST 图 片 投射 
眼 动 仪 测试 ”后 台数 据 挖掘 
电话 外 呼 卡片 分 类 
田野 调查 社 群 空间 
神经 学 研究 WORKSHOP 
用 户 画 像 /PERSONA 





图 1 设计 研究 方法 


第 3 节 ”敏捷 设计 案例 分 析 


这 里 说 到 的 敏捷 设计 研究 的 方法 不 注重 嵌入 在 哪个 固定 流程 里 ， 没 有 标准 化 的 要 求 ， 可 以 在 任 一 关于 设计 的 问题 上 进行 党 
试 ， 只 要 找到 最 高 效 、 最 适合 的 那个 方式 即 可 ， 当 然 也 可 以 在 几 种 方法 之 间 重 新 融合 和 创新 ， 下 面 举 两 个 简单 的 例子 。 


案例 1: 目标 制订 workshop 


在 还 没有 明确 产品 方向 、 主 要 使 用 场景 也 不 是 很 清楚 的 时 候 ， 我 们 往往 无 法 想象 设计 稿 会 是 什么 样 的 ， 脑 子 里 只 有 零星 的 几 
个 场景 ， 这 个 时 候 如 果 就 着 手 开 始 画图 其 实 是 很 浪费 时 间 的 ， 团 队 里 所 有 人 都 必须 在 达成 目标 共识 后 ， 才 能 开始 假设 以 及 列举 清 
晰 的 用 户 场景 ， 进 行 有 内 容 、 有 细节 的 设计 。 如 何 使 团队 里 的 角色 都 能 迅速 达成 设计 目标 的 一 致 ”来 一 场 “ 目 标 制订 


workshop” 就 能 解决 这 个 问题 。 


下 面 列 举 的 这 个 项 目 是 支付 宝 钱包 里 “财富 ”tab9.0 的 改版 ， 当 时 财富 里 包括 账户 信息 、 余 额 、 余 额 宝 、 招 财宝 、 银 行 卡 、 
我 的 保障 等 各 种 产品 的 入 口 ， 对 于 应 该 怎么 去 提升 这 个 页 面 对 用 户 的 价值 我 们 还 没有 清楚 的 想法 ， 想 要 快速 地 找到 设计 方向 必须 
借助 合作 方 的 力量 。 


首先 ， 需 要 把 自己 的 疑问 列举 出 来 ， 如 图 2 所 示 。 


接 下 来 邀请 需要 参加 workshop 的 人 员 以 及 准备 会 上 需要 的 材料 ， 最 好 邀请 用 户 研究 的 同学 一 起 参加 ， 提 供 在 前 期 研究 过 的 
话题 或 报告 ， 在 讨论 过 程 中 能 够 掌握 大 盘 用 户 相关 的 一 些 行为 数据 以 及 属性 信息 ， 从 而 更 有 依据 地 进行 用 户 假设 。 准 备 列表 如 图 
3 所 示 。 





{ea] {em | {ane ] {7am | [95 


重点 是 什么 ? 用 户 什 么 样 ? ”主要 界面 ? ”产品 关键 词 ? 约束 设计 的 条 件 ? 
成 果 是 什么 ? ”需求 是 什么 ? ”使 用 场景 ? ”未 来 方向 ?  ” 成功 的 关键 因素 ? 











要 改善 什么 ? 关心 些 什么 ? ”核心 体验 ? 必须 避免 的 ? 
行为 习惯 是 ? 
图 2 疑问 列表 


产品 、 技 术 、 交 互 、 视 觉 、 用 研 


6 一 9 名 ， 可 分 成 2 组 或 者 3 组 


有 两 三 张 桌子 的 会 议 室 ， 白 板 墙 


项 目 介绍 或 需求 表 、 有 用户 人 研究 报告 、 纸 笔 、 标 等 条 


2 一 4 小 时 





图 3 准备 列表 


到 场 后 开始 逐条 解决 问题 并 把 讨论 的 内 容 记 在 表格 里 ， 将 典型 用 户 分 类 并 对 用 户 进行 各 维度 的 细节 描述 ， 每 个 人 都 在 此 时 提 
出 自己 所 了 解 的 用 户 信 息 以 及 针对 产品 特性 的 问题 ， 如 图 4 所 示 。 


收集 所 有 需要 了 解 的 内 容 ， 包 括 一 些 约束 条 件 (互联 网 金融 产品 特性 ) 、 产 品 特殊 的 功能 或 特性 、 境 外 用 户 的 使 用 习惯 等 ， 
我 们 能 在 整个 workshop 的 结果 里 得 到 所 期 望 的 用 户 体验 设计 的 目标 标准 ， 这 个 标准 是 基于 前 期 的 用 户 研究 基础 、 后 期 的 用 户 需 
求 以 及 对 产品 需求 的 理解 而 产 出 的 内 容 。 产 品 与 设计 在 设计 目标 上 达成 统一 共识 ， 省 了 后 期 沟通 上 理解 不 一 致 而 推倒 重 来 的 成 
本 ， 朝 同一 个 目标 进行 ， 不 会 产生 方向 性 的 偏差 。 目 标 内 容 总 结 如 图 5 所 示 。 





Question list Assumptions about our users 


目标 用 户 人 群 是 哪些 人 ? 典型 角色 口碑 传播 者 | 谨慎 投资 者 
他 们 使 用 产品 的 动机 ? 

痛 点 是 什么 ? 亮点 是 什么 ? 

目标 用 户 最 看 重 的 功能 是 什么 ? 

如 何 使 用 竞 品 ? 使 用 场景? 

同时 还 使 用 哪些 相关 产品 ? 

使 用 产品 的 频率 和 使 用 习惯 ? 

促使 用 户 使 用 产品 的 关键 因素 是 什么 ? 
哪些 方面 用 户 最 喜欢 ? 哪些 方面 最 不 舒服 ? 行为 
最 常用 的 功能 是 ? 最 少 用 的 功能 是 ? 最 希望 用 户 用 的 功能 是 ? 

用 户 最 希望 实现 的 目标 ， 我 们 怎样 帮助 他 们 实现 ? 


特征 


动机 














图 4 ” 细 化 及 用 户 假设 


项 目 名 称 9.0 财 富 首 页 


目标 用 户 核心 体验 设计 重点 

曾 通 白领 为 主 、 亲 钱 较 少 ， 1) 直观 获得 收益 数据 
需要 和 精打细算、 优惠 省 钱 

和 有 竞争 力 的 收益 2) 个 性 化 的 评估 分 析 
基本 属性 3) 增值 理财 社交 化 


27 岁 ， 本 科 ， 普 通 白领 ine 
月 收入 : 3k~8k 产品 印象 


婚姻 : 未 婚 ， 或 已 婚 未 生子 


手机 : Android (1K ~ 4K) 精打细算 ”个 性 化 贴心 
住房 : 租房 住 ， 或 与 父母 同 住 
未 来 重点 : 买房 


规划 目标 评审 
概念 草图 探索 设计 方向 团队 相关 人 员 讨 论 
交互 定稿 详细 布局 与 架构 专业 小 组 评审 


视觉 汇报 完整 的 视觉 设计 项 目 组 内 部 评审 . 





图 5 目标 内 容 总 结 


在 团队 达成 共识 并 向 上 汇报 后 ， 设 计 师 以 及 产品 经 理 能 更 快速 高 效 地 进行 合作 ， 对 产品 的 定位 和 方向 也 有 更 清晰 的 认识 。 


案例 2: 小 需求 池 


有 些 问 题 常常 让 设计 师 很 苦恼 ， 比 如 结束 任务 之 后 是 习惯 回 到 主页 还 是 直接 锁 屏 ? 静音 键 在 什么 时 候 用 ? 锁 屏 时 看 到 消息 会 
会 立刻 回复 ”等 等 ， 这 些 问题 的 答案 在 我 们 设计 的 时 候 可 能 会 对 一 个 细节 或 者 功能 起 着 决定 性 的 作用 ， 然 后 苦于 没有 用 户 数 
据 ， 不 敢 轻易 下 结论 。 


如 果 去 收集 身边 设计 师 的 苦恼 和 困惑 ， 一 定 会 有 一 信子 问题 被 丢 出 来 ， 有 些 是 一 直 以 来 的 疑惑 ， 有 些 是 正在 进行 的 项 目 中 的 
难点 ， 这 些 问 题 就 像 黑洞 一 样 无 从 得 到 解答 ， 在 最 后 需要 决策 时 经 常 是 赁 感觉 判断 。 因 此 ， 可 以 建立 一 个 小 需求 池 项 目 ， 批 量 将 
这 些 问 题 进行 检验 并 沉 泻 下来。 这些 问 题 有 : 标点 使 用 习惯 如 何 ? 银行 卡 需要 备注 信息 吗 ? 夜间 模式 需 不 需要 使 用 ? 横 屏 的 场景 
有 哪些 ? 24: 00 到 账 和 23: 59 到 账 哪个 好 理解 ? .………. 


定期 安排 问题 收集 时 间 (Problem Solve Time) ， 可 以 上 街 拦 访 或 者 邀请 用 户 到 场 访谈 ， 快 速 地 将 这 些 问题 一 股 脑 儿 地 问 
出 来 ， 等 到 收集 到 一 定 样本 量 的 时 候 ， 结 论 自然 就 浮 出 水 面 了 。 


定期 执行 的 方式 需要 固定 时 间 邀 请 用 户 进行 访谈 ， 如 果 没 有 这 样 的 资源 ， 可 以 定期 用 一 个 下 午 的 时 间 去 快餐 店 、 火 车 站 、 网 
吧 、 商 场 一 楼 等 地 方 进行 集中 式 “ 扫 荡 ”， 一 个 小 组 的 人 员 两 小 时 左右 就 会 有 不 小 的 收获 ， 操 作 流 程 如 图 6 所 示 。 


日 弟 缝 问 记 录 


Tips 


a. 以 轮班 制度 确定 责任 人 
b. 每 周 五 上 午 收集 需求 
C. 每 周 五 下 午 问 卷 邀 请 
d 每 周二 下 午 用 户 访谈 
8. 当 天 讨论 得 出 解决 方案 








图 6 ”小 需求 池 操 作 流 程 


如 果 用 户 想 要 表达 的 内 容 很 多 ， 甚 至 可 以 让 他 们 把 问题 抛 开 ， 将 自己 遇 到 的 场景 画 下 来 (图 7) ， 从 中 也 能 得 到 很 多 意 想 不 
到 的 思路 。 





图 7 ”用 户 画 图 


无 论 用 什么 方法 进行 设计 研究 ， 操 作 起 来 都 是 简单 可 控 的 ， 而 作为 一 个 设计 师 ， 最 需要 也 最 难得 的 则 是 一 直 保持 一 颗 对 用 户 


的 苯 


元 和 好 琳 之 心 o 


设计 十 则 





就 像 我 们 学 生 时 代 的 任何 学 科 一 样 ， 设 计 也 是 一 门 有 自己 规则 的 学 科 。 


在 这 个 信息 爆炸 的 时 代 ， 设 计 领 域 的 变化 也 是 日 新 月 异 ， 身 为 一 名 设计 师 应 该 最 快 地 掌握 最 新 的 动态 与 设计 发 展 方向 。 遇 到 


已 儿 


问题 ， 用 设计 的 手法 和 规则 去 解决 问题 。 


同时 ， 打 破 设 计 规 则 是 被 允许 的 ， 甚 至 〈 在 某 些 情况 下 ) 鼓励 打破 规则 ， 但 是 在 打破 规则 时 ， 应 该 采取 正确 的 方式 。 


我 们 先 要 熟悉 规则 ， 并 且 能 熟练 地 把 这 些 规则 运用 到 我 们 的 设计 中 。 我 总 结 了 一 些 我 们 在 项 目 实践 中 设计 师 应 该 知道 的 事 


1 节 ”了 解 UI 和 UX 


支付 宝 将 设计 划分 为 视觉 和 交互 两 大 类 ， 这 是 很 多 公司 现 有 的 模式 。 


视觉 〈UI 设 计 师 ) 主要 是 负责 支付 宝 产品 的 界面 设计 ， 通 过 视觉 呈现 来 提高 用 户 体验 ， 表 达 产 品 的 特点 ， 让 用 户 在 操作 中 
能 更 简单 、 更 愉 忱 、 更 高 效 ; 交互 (UX 设计 师 ) 则 负责 产品 的 逻辑 框架 和 用 户 体验 ， 交 互 设计 师 需 要 使 用 流程 图 和 线 框图 ， 将 
用 户 与 界面 的 “交互 ”流程 、 网 站 的 信息 架构 可 视 化 出 来 ， 以 得 到 反馈 ， 确 保 与 开发 人 员 的 有 效 沟通 。 


对 于 视觉 & 交 互 而 言 ， 我 们 更 希望 能 培养 设计 师 的 综合 能 力 ， 往 UX 设 计 师 的 方向 发 展 。 


虽然 UI 在 UX 中 发 挥 重要 作用 ， 但 是 UX 的 范围 会 更 广 。 这 并 不 是 说 ，UI 不 重要 ， 大 家 都 知道 ， 它 可 以 造就 一 个 网 站 或 应 用 的 
视 沈 呈现 。 然 而 ，UX 设 计 师 需要 考虑 到 多 元 因素 的 交互 设计 和 架构 ， 合 理 高 效 的 流程 、 友 好 体贴 的 语言 、 操 作 容 易 理 解 、 按 键 
出 现 及 时 、 界 面 舒 适 、 不 要 太 多 无 关内 容 影响 (界面 有 效 性 ) 等 。 这 种 职能 的 打通 ， 让 支付 宝 的 设计 师 为 了 设计 一 个 出 色 的 界 
面 ,需要 从 用 户 体验 的 角度 : 确定 哪些 是 需要 解决 的 问题 ， 用 户 流量 将 如 何 发 挥 出 来 ， 并 确定 关键 产品 的 领域 和 层次 ， 而 不 只 是 
停留 在 视觉 的 表现 上 。 


第 2 节 ”了解 用 户 


一 切 设计 的 宗旨 都 是 服务 于 用 户 。 我 们 每 次 接触 一 个 新 需求 的 上 时候， 首先 要 想到 的 是 : 如 果 我 是 用 户 ， 希 望 以 什么 样 的 形态 
呈现 在 我 们 面前 ”有 哪些 类 似 的 成 功 模 型 ”它们 又 是 如 何 去 吸 引用 户 的 ?我 们 可 以 用 这 样 的 模式 一 步 步 推导 ， 至 少 在 整体 的 设计 
方向 上 我 们 会 有 一 个 清晰 的 思路 。 


所 以 说 ， 首 先 你 要 成 为 用 户 ， 才 能 理解 产品 ， 这 就 叫 体验 。 也 可 以 通过 沟通 、 采 样 、 调 研 ， 多 收集 用 户 意 见 ， 了 解 用 户 期 
望 ， 研 究 用户 使 用 习惯 。 

避免 自己 成 为 重度 用 户 ， 以 免 影响 自己 对 于 普遍 用 户 行为 的 判断 。 

需求 要 多 看 几 个 角度 、 多 分 几 个 层次 去 理解 和 研究 。 


一 旦 确定 了 用 户 群 ， 有 了 解决 问题 的 方案 ， 就 可 以 将 用 户 的 诉求 融合 到 设计 中 ， 并 多 角度 地 尝试。 用 户 数据 很 重要 。 将 用 户 
数据 结合 到 我 们 的 设计 中 ， 是 非常 有 必要 的 ， 会 给 你 的 设计 产 出 带 来 很 大 价值 。 


第 3 节 ”设计 定位 


当 我 们 接 到 一 个 需求 的 时 候 ， 首 先 要 思考 ， 这 个 需求 我 们 主要 针对 的 用 户 是 谁 。 每 一 个 需求 都 会 有 一 个 目标 受众 群 ， 我 们 拿 
到 需求 的 时 候 首 先 想到 的 应 该 是 用 户 。 


支付 宝 是 一 个 包罗 万 象 的 产品 ， 在 这 样 一 个 小 小 的 手机 App 里 面 ， 基 本 上 能 找到 所 有 关于 衣 、 食 、 住 、 行 的 业务 ， 每 个 业务 
针对 的 用 户 群 也 是 有 侧重 的 。 


设计 师 应 该 从 多 角度 ， 以 多 种 表达 方法 设计 几 套 方案 。 这 不 仅仅 可 以 从 多 个 角度 对 产品 进行 思考 ， 也 是 对 产品 负责 的 态度 。 
设计 多 套 方案 时 应 注意 方案 之 间 的 互动 与 关联 ， 这 能 够 更 好 地 了 解 和 掌握 客户 的 要 求 与 审美 倾向 ， 为 找 准 设计 目标 黄 定 基础 。 所 
以 我 们 的 设计 师 每 接 到 一 个 新 的 业务 需求 ， 都 会 根据 业务 针对 的 用 户 倾 向 性 进行 设计 。 多 套 方 案 进行 尝试 和 思考 。 例 如 我 们 的 校 
园 业务 ， 主 要 针对 的 用 户 都 是 在 校 的 大 学 生 ， 设 计 师 接 到 需求 的 时 候 就 会 针对 人 群 进行 设计 风格 的 把 控 。 根 据 不 同 的 场景 推出 设 
计 方案 ,解决 问题 。 如 图 1 所 示 。 
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图 1 设计 定位 
衡量 一 个 设计 的 好 坏 ， 并 不 是 看 它 好 不 好 看 ， 而 是 要 能 解决 问题 ， 并 且 好 用 。 


我 们 在 设计 上 的 把 控 就 是 去 辅助 地 解决 问题 ， 这 样 让 我 们 的 设计 看 起 来 可 行 性 更 高 。 


第 4 节 ”让 事情 变 得 简单 和 一 致 


简洁 是 一 个 出 色 设 计 必 备 的 要 点 。 简 洁 并 不 意味 着 坚持 一 两 个 按钮 ， 并 为 它 做 一 些 很 酷 炫 的 动画 ， 简 洁 必 须 很 容易 理解 和 互 
动 。 我 们 的 用 户 不 需要 通过 我 们 的 应 用 程序 或 引导 去 学 习 ， 这 就 是 设计 师 需要 充分 发 挥 设 计 巧妙 的 地 方 一 一 带领 用 户 去 他 们 需 





要 去 的 地 方 。 这 也 是 支付 宝 产品 设计 一 直 想 要 和 触 达 的 效果 . 
想 要 做 到 这 一 点 ， 你 可 以 利用 一 些 要 素 ， 如 颜色 、 版 式 、 反 馈 消 息 和 视 党 层次 等 。 


每 个 界面 的 调 性 也 必须 在 整个 设计 中 保持 一 致 。 你 不 需要 重新 设计 定义 你 的 二 级 页 面 视觉 样式 ， 而 是 在 每 个 层级 加 固 最 重要 
的 设计 点 。 用 户 通过 我 们 的 导航 可 以 放心 地 逐 层 深入 ， 而 这 种 沉浸 式 不 应 该 被 多 余 的 视觉 形式 破坏 。 


在 图 2 中 ， 左 边 图 片 就 是 利用 了 不 同 的 字体 、 字 号 ， 让 3 个 不 同文 字 层 级 有 一 个 清晰 的 展示 。 用 户 能 很 准确 地 定位 到 内 容 的 
主 次 。 右 边 的 图 片 则 说 明了 界面 层级 关系 ， 是 有 主 有 次 的 页 面 分 级 。 


Ulfont 48px 


Do the things you like, so that 
things like valuable. 
Ulfont 32px 








第 5 节 ”不 要 和 忽略 可 读 性 & 易 读 性 


设计 的 主要 目的 是 沟通 ， 你 的 设计 中 的 可 读 性 和 易 读 性 是 重 中 之 重 。 


支付 宝 的 业务 很 多 ， 每 一 层 的 业务 天 系 也 是 非常 复杂 和 多 样 化 的 。 我 们 用 icon 的 形式 去 表现 各 个 不 同 的 业务 ， 一 方面 是 为 了 
增强 用 户 的 识别 度 ， 另 一 方面 是 希望 增强 可 读 性 。 就 像 首页 中 的 各 个 业务 ， 每 个 业务 都 有 自己 的 图 标 样式 ， 既 可 以 很 好 地 表达 业 
务 形态 ， 又 可 以 使 用 户 对 图 形 的 记忆 更 深 一 些 。 


那么 ， 是 什么 降低 了 可 读 性 和 易 读 性 ”透明 度 过 低 的 文字 和 与 背景 之 间 的 反差 太 小 的 文字 都 会 降低 用 户 的 可 读 性 和 易 读 性 。 
如 图 3 所 示 ， 左 边 图 片 中 ， 透 明度 较 低 的 时 候 对 文字 的 可 读 性 就 有 较 大 的 影响 。3 种 不 同 的 透明 度 对 比 中 ， 用 户 能 最 清楚 地 看 到 
第 三 排 的 文字 内 容 。 右 边 图 片 中 ， 不 同 颜色 的 搭配 ， 会 影响 文字 的 易 读 性 。 很 显然 ， 在 蓝 色 的 背景 下 ， 黄 色 的 文字 是 易 读 性 最 高 
的 ， 所 以 我 们 在 设计 的 过 程 中 要 避免 过 低 的 透明 度 和 尽量 拉 开 色彩 之 间 的 对 比 度 。 
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图 3 不 要 忽略 可 读 性 & 易 读 性 


另外 ， 字 号 的 大 小 也 会 降低 可 读 性 和 易 读 性 ， 设 计 师 应 站 在 用 户 角 度 去 思考 ， 他 们 在 阅读 时 是 否 会 觉得 困难 ”如 果 你 无 法 确 
定 ， 可 以 多 进行 一 些 测试 和 对 比 。 在 做 设计 时 ， 可 能 我 们 能 顺利 读 懂 内 容 ， 但 对 于 大 部 分 的 用 户 来 说 却 是 很 困难 的 事情 。 所 以 设 
计 测 试 也 是 很 重要 的 一 个 环节 。 


很 多 情况 都 是 这 样 的 : 它 看 起 来 不 错 ， 并 不 意味 着 它 能 很 好 地 传达 信息 。 


第 6 节 是否 有 层次 、 有 目的 

有 目的 地 进行 层次 结构 划分 是 非常 重要 的 步骤 。 在 设计 领域 ， 层 次 涉及 的 是 一 些 表 示 重 要 度 的 视觉 元 素 排列 。 因 此 ， 要 通过 
规模 、 颜 色 、 类 型 等 ， 将 一 些 重要 元 素 和 不 重要 的 元 素 类 型 区 分 开 来 。 不 同 的 元 素 在 设计 中 表现 不 同 的 重要 性 。 

设计 师 只 有 理解 了 商业 和 用 户 的 目标 ， 才 能 做 出 正确 的 设计 ， 毕 竟 我 们 不 是 艺术 家 ， 这 里 的 表现 是 最 终 产品 气质 的 体现 。 


支付 宝 会 有 很 多 表单 以 及 信息 说 明 页 ， 例 如 我 们 的 支付 成 功 界面 、 转 账 流程 界面 … 都 是 用 文字 信息 堆积 起 来 的 。 倘 若 我 们 
整个 界面 只 有 文字 信息 ， 都 是 按照 相同 规则 、 相 同 字号 整体 排 布下 来 的 ， 我 相信 用 户 一 定 想 快 点 儿 离开 这 个 界面 。 所 以 用 不 同 大 
小 、 不 同 颜色 来 区 分 每 个 层级 想 要 表达 的 内 容 是 非常 重要 的 ， 如 图 4 所 示 。 
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图 4 ”是否 有 层次 、 有 目的 


第 7 节 ”使 用 正确 对 齐 


对 齐 是 设计 最 基础 的 原则 之 一 ， 不 同 的 对 齐 形式 都 是 不 同 的 表达 语言 ， 常 见 的 有 左 、 右 对 齐 和 居中 对 齐 ， 如 图 5 所 示 。 


WhNIich onNer: 





图 5 3 种 对 齐 方式 


左 对 齐 类 型 是 最 常见 的 形式 ， 是 指 将 每 行文 字 的 首 字 左 对 齐 ， 与 此 同时 ， 右 侧 则 呈现 出 错位 的 效果 。 这 是 最 容易 被 接受 并 且 
不 太 会 出 错 的 方案 ， 如 果 拿 捏 不 定 ， 不 妨 选择 左 对 齐 。 该 类 排列 方式 在 结构 上 与 人 们 的 阅读 习惯 相符 ， 因 而 能 使 读者 在 浏览 时 觉 


右 对 齐 类 型 是 比较 有 自我 风格 的 一 种 对 齐 形式 ， 是 指 将 每 行文 字 尾 字 右 对 齐 排列 ， 而 左 侧 则 呈现 出 参差 不 齐 的 状态 。 左 对 齐 
和 右 对 齐 是 两 组 完全 对 立 的 排列 方式 ， 它 们 在 结构 与 形式 上 都 各 具 特 色 。 由 于 右 对 齐 排列 有 违 人 们 的 阅读 习惯 ,因此 该 类 排列 在 
视 党 上 总 会 带 给 人 以 不 顺 遂 的 印象 ,但 同时 也 为 版 面 增 添 了 几 分 新 颖 的 效果 。 右 对 齐 用 在 平面 排版 以 及 一 些 装 饰 类 的 设计 上 比较 
多 。 不 建议 大 篇 幅 的 文本 采取 右 对 齐 排版 方式 ， 因 为 右 对 齐 在 大 篇 幅 的 文章 中 很 难 起 到 良好 的 引导 作用 ， 也 容易 使 文章 的 折 行 不 
自然 。 


居中 的 文本 形式 ， 是 指 版 面 中 的 文字 要 素 以 画面 的 中 心 线 为 参照 物 ， 将 段落 与 画面 的 中 心 进行 重合 式 排 列 。 居 中 对 齐 拥有 简 
洁 的 排列 结构 ， 它 也 是 版 式 设 计 中 较 常 见 的 一 种 文字 编排 手法 ， 海 报 、 请 束 、 品 牌 推广 使 用 居中 对 齐 的 频率 比较 高 。 居 中 类 型 的 
文本 可 以 很 容易 地 平衡 内 容 ， 并 且 显 得 比较 美观 。 然 而 ， 并 不 建议 对 大 篇 幅 的 文本 类 型 采用 居中 对 齐 的 排版 形式 。 


许多 正文 以 左右 均 齐 的 方式 进行 排版 ， 版 面 表现 出 整齐 、 干 净 的 视 沉 效果。 相关 图 片 分 别 放置 在 文案 的 左右 两 侧 ， 使 版 面 更 
加 具有 平衡 感 。 


在 支付 宝 的 业务 中 ， 为 了 方便 用 户 更 好 地 浏览 ， 绝 大 多 数 都 是 左 对 齐 。 图 6 就 是 我 们 的 一 个 案例 ， 采 用 左 对 齐 形式 ， 能 很 好 
地 编排 内 容 和 引导 用 户 的 视线 轨迹 。 


可 借 的 钱 (元 


300,000 


余额 转 出 (提现 ) 


300 00( 


集 分 宝 


个 日 利率 亏 喜 万 2 (1 干 块 用 1 天 利息 只 需 0.2 元 ) 





图 6” 左 对 齐 


第 8 节 ”网 格 的 重要 性 
支付 宝 的 每 个 设计 师 都 要 解决 较 多 的 设计 需求 ， 而 且 每 个 需求 的 产 出 风格 都 必须 跟 整 体 的 形式 保持 统一 。 这 样 ， 在 规范 上 就 
会 有 一 些 固定 的 形式 。 


这 个 时 候 网 格 就 能 派 上 大 用 途 ， 人 允许 按 比 例 设 计 ， 使 不 同 元 素 之 间 富 有 平衡 感 。 网 格 一 般 都 很 灵活 ， 可 以 在 需要 时 自由 调 
整 。 


对 于 很 多 刚刚 上 手 的 设计 师 来 说 ， 将 网 格 和 这 些 规范 结合 起 来 可 以 比较 高 效 地 应 对 需求 ， 保 持 统一 性 。 


网 格 有 许多 形状 和 大 小 ， 你 可 以 充分 利用 它们 的 灵活 和 强 适 应 性 ， 来 满足 你 的 设计 ， 在 对 齐 层面 上 让 元 素 彼此 更 整洁 ， 设 计 
上 更 加 合理 ， 如 图 7 所 示 。 





| 人 
A 添加 或 邀请 通讯 录 中 的 朋友 





扫 一 扫 
扫描 二 维 码 添加 朋友 


面对面 建 群 
与 身边 的 朋友 进入 同一 


服务 窗 
获取 更 多 资讯 和 服务 


亲情 账户 
添加 亲情 账户 ， 为 家 人 做 更 多 





图 7 ”网 格 的 重要 性 


第 9 节 ” 留 白 也 是 一 | 门 艺术 


图 8 所 示 的 白色 区 域 ， 简 单 的 一 句 话 ， 让 画面 显得 特别 有 力量 。 少 即 是 多 。 


less Is More. 





图 8 留 白 也 是 一 门 艺术 
很 多 时 候 ， 看 到 页 面 出 现 大 块 留 白 ， 设 计 师 和 产品 就 会 慌张 ， 认 为 信息 不 够 饱满 ， 要 把 白色 的 区 域 撑 满 。 


其 实 白色 空间 是 可 以 让 设计 看 上 去 更 多 样 化 和 更 能 凸显 内 容 的 有 效 工具 之 一 。 好 的 留 白 能 给 设计 带 来 意 想不到 的 效果 ， 它 可 
以 让 你 的 设计 更 具有 聚焦 力 ， 让 你 的 设计 “呼吸 ”， 帮 助 元 素 获得 平衡 。 


另外 ， 留 和 白 是 一 门 想象 的 艺术 。 也 许 就 是 因为 没有 过 多 的 元 素 去 干扰 ， 用 户 更 容易 拥有 想象 的 空间 去 发 挥 。 为 了 让 页 面 饱满 
而 去 做 一 些 没 意 义 的 信息 补充 是 不 可 取 的 方式 ， 留 白 也 是 有 讲究 的 。 


第 10 节 ”记得 反馈 
反馈 消息 看 上 去 是 特别 常见 的 ， 但 是 设计 师 很 容易 忽略 这 一 点 。 常 常 看 到 许多 漂亮 的 设计 ， 但 是 给 用 户 的 触发 反馈 却 是 非常 


弱 的 。 


我 们 已 经 脱离 物理 按键 的 时 代 ， 触 屏 的 出 现 更 需要 相 匹 配 的 反馈 关系 让 用 户 感受 到 存在 感 。 任 何 一 个 对 可 点 区 域 的 触 故 ， 都 
是 需要 设计 师 考虑 到 设计 中 去 的 。 不 同 的 触发 形态 ， 不 同 的 反馈 形式 ， 我 们 都 要 做 好 区 分 和 设计 ， 让 用 户 感 受到 我 们 的 产品 向 他 
们 发 出 的 信号 ， 如 图 9 所 示 。 


总 结 


很 多 设计 师 在 设计 项 目的 过 程 中 不 去 主动 沉淀 总 结 ， 一 味 地 忙于 项 目 。 这 样 很 容易 在 过 程 中 迷失 自我 ， 表 失 自己 的 主观 判 
断 ， 失 去 设计 师 的 坚持 。 要 在 经 验 中 树立 自己 的 设计 见解 和 认 知 ， 掌 握 好 设计 的 常规 规则 ， 把 每 次 设计 都 当 一 次 新 的 尝试 。 





图 9 ”记得 反馈 


15 像 设 计 师 一 样 思 


文 / 汤 静 静 、 李 慧 


原 研 哉 在 《设计 中 的 设计 》 一 书 中 说 : “设计 到 底 是 什么 ? 这 是 我 们 对 自身 职能 的 基本 疑问 。 作 为 一 名 设计 师 ， 我 们 无 时 不 
在 寻找 着 答案 。” 每 年 数 以 千 计 的 艺术 生 从 学 校 中 走出 ， 从 事 着 和 设计 相关 的 工作 ， 他 们 都 被 称 为 “设计 师 ”。 其 实 大 多 数 的 设 
计 师 不 能 称 为 真正 意义 上 的 设计 师 ， 因 为 他 们 只 是 拥有 某 种 技能 而 已 。 蒂 姆 . 布朗 说 : “我 接受 的 是 工业 设计 师 的 专业 训练 ， 但 
我 却 花 了 好 长 时 间 才 认识 到 “做 一 名 设计 师 ” 和 “ 像 设 计 师 那样 去 思考 ”是 有 重大 区 别 的 。 设 计 是 轮子 的 中 轴 ， 而 非 链 条 中 简单 
的 一 环 。” 拥 有 独立 的 思维 方式 在 设计 过 程 中 极为 重要 ， 它 决定 了 你 是 否 能 在 设计 的 这 条 路 上 走 得 长 远 。 


真正 的 设计 师 是 李 永 苓 、 原 妍 哉 那样 的 ， 用 扎实 的 技艺 将 用 户 、 市 场 串 联 起 来 ， 最 终 将 设计 呈现 在 用 户 面 前 ， 在 每 个 环节 上 


能 站 在 全 局 结合 洞察 ， 约 束 设 计 ， 最 终 的 设计 是 经 得 起 推敲 和 检验 的 。 项 望 本 文 可 以 帮助 到 那些 刚刚 走出 校园 一 两 年 的 设计 师 ， 
找到 做 设计 的 方向 与 前 进 的 目标 ， 在 已 有 的 基础 上 再 向 前 推进 一 步 。 


第 1 节 ”设计 师 在 项 目 中 应 该 思考 什么 


1. 设 计 的 方向 


在 我 们 刚 开 始 工作 的 时 候 ， 也 曾 认为 设计 的 方向 应 该 是 这 样 的 : 具有 个 性 的 视觉 表现 ， 可 以 让 人 有 眼前 一 亮 。 那 时 我 们 经 常 修 
改 需求 方 的 文案 ， 为 的 就 是 让 设计 看 起 来 更 简洁 、 好 看 。 可 问题 来 了 ， 用 户 根本 不 买账 ， 其 中 的 根本 原因 是 : 设计 跑题 了 ， 大 众 
用 户 根本 不 清楚 你 想 表 达 什 么 。 


在 互联 网 这 个 行业 里 ， 发 展 迭 代 特 别 快 ， 设 计 是 要 紧 跟 市 场 与 公司 的 商业 策略 的 。 跑 在 市 场 最 前 线 的 销售 ， 有 非常 敏锐 的 洞 
察 力 ， 知 道 市 场 、 用 户 需要 的 是 什么 ， 怎 样 抢占 市 场 。 他 可 能 不 知道 最 终 呈 现在 用 户 面前 的 产品 具象 的 样子 ， 这 时 候 就 是 一 个 好 
的 设计 师 充分 发 挥 作用 的 时 候 了 。 设 计 师 要 能 够 站 在 全 局 ， 洞 察 市 场 ， 洞 察 用 户 诉 求 ， 加 以 扎实 的 技艺 ， 最 终 把 好 的 设计 展现 在 
用 户 面 前 。 

两 年 前 我 们 做 过 一 个 很 小 的 需求 ， 当 时 在 公司 的 一 个 外 卖 项 目 中 ， 为 一 个 线 上 主打 CBD 白 领 用 户 的 外 卖 明星 商家 进行 推广 
宣传 ， 我 们 需要 做 的 是 当 用 户 在 线 上 点 餐 后 ， 送 达到 用 户 面前 的 外 卖 包装 上 的 温馨 贴纸 ， 结 合 商家 Logo， 体 现 O2O 和 餐饮 的 品牌 
传达 与 人 性 关怀 ， 如 图 1 所 示 。 


所 以 在 设计 前 ， 就 要 去 思考 这 个 设计 解决 的 是 什么 问题 ， 公 司 商业 策略 是 什么 。 站 在 一 个 全 局 的 角度 去 思考 与 洞察 。 





图 1 外 卖 明星 商家 活动 一 线 下 设计 
2 实现 性 


在 做 2016 年 支付 宝 春节 红包 项 目 时 ， 我 们 制作 了 很 多 新 奇 的 玩法 ; 在 过 程 中 我 们 为 解决 用 户 操作 门槛 及 技术 实现 问题 做 出 
了 多 稿 尝试 ， 如 口令 抢 红 包 、 和 雷达 抢 红包 、VR 实 景 扫 红 包 等 ， 这 些 尝 试 都 以 操作 有 趣 、 简 单 易 懂 为 原则 。 


在 综合 了 用 户 互动 、 技 术 实 现 、 活 动 节奏 等 多 方面 需求 后 ， 最 终 以 延续 “ 啉 一 味 ” 为 玩法 核心 ， 创 造 一 款 3 岁 孩子 都 可 以 玩 
的 互动 形式 。 设 计 上 以 快速 点 击 及 点 击 产生 的 波纹 密度 、 频 率 、 音 效 来 加 强 用 户 感知 。 


在 “ 啉 一 只 ”中 ， 用 户 通过 连续 点 击 ， 随 机 出 现 彩 蛋 、 红 包 、 福 卡 ， 用 户 操 作 门 槛 低 ， 在 “ 啉 一 啉 ”的 过 程 中 ， 我 们 运用 音 
效 , 波纹 随 点 击 频率 产生 变化 ， 蕾 力 过 程 中 氛围 的 营造 加 强 用 户 感 知 ; 五 福 合 一 的 动画 让 用 户 在 过 年 中 能 够 感受 喜庆 、 温 暖 的 氛 
围 ， 对 用 户 产 生 了 积极 的 影响 ， 为 之 后 “ 啉 一 只 ”这 个 全 新 的 产品 的 推出 莫 定 了 基础 。 为 用 户 营造 了 一 个 全 方位 娱乐 化 的 中 国 福 
气 年 ， 如 图 2 所 示 。 


壕 脏 噶 确 吴 虹 
抢 8 人 Z 红 包 失 8{ZI 


二 、 有 
1 人 


当前 毁 昌 还 制 (个 ) 


回回 回回 回回 回回 = SN 





。 看 央视 春晚 ， 打 赏 、 聊 弹 幕 为 辅助 玩法 。 行 脑 燥 , 将 口令 进化 为 雷达 抢 红包 。 es 
。 用户 量 大 时 ， 输 入 口令 抢 红包 存在 高 风险 。 。 但 雷达 有 侦 讯 敌 军 之 意 ， 不 符合 春节 的 ”用 户 可 以 打开 摄像 头 在 自己 的 家 里 找 红包 ， 
氛围 。 寓意 财神 到 。 如 果 可 以 配合 场景 物品 , 会 
让 用 户 更 有 惊喜 感 ! 
。 主动 搜寻 的 方式 互动 性 不 够 ， 整 个 产品 本 
的 要 求 。 


图 2 2016 春 节 红 包 设 计 方 案 


红包 项 目 涉及 人 员 复 杂 ， 时 间 紧 迫 ， 要 能 预知 春晚 当天 可 能 会 有 几 干 万 用 户 使 用 支付 宝 红 包 ， 因 此 要 解决 限 流 问 题 ， 技 术 上 
的 安全 保障 也 要 考虑 进去 。 在 这 些 客观 原因 中 ， 不 是 随便 一 拍 脑 袋 想 做 什么 就 做 什么 。 好 的 设计 是 能 在 约束 中 ， 合 理解 决 问题 。 
强调 人 的 基本 诉求 是 推动 设计 思维 摆脱 现状 的 重要 手段 。 


蒂 姆 .布朗 说 : “设计 思维 尤其 需要 “逆流 而 上 ， 更 接近 做 出 战略 性 的 核心 管理 层 。” 所 以 ， 可 实现 性 具备 约束 性 ， 会 被 
技术 、 时 间 、 预 算 等 各 种 因素 所 限定 ， 尤 其 是 互联 网 行业 变化 快 ， 发 展 快速 ， 对 设计 师 有 更 高 的 要 求 。 


3. 发 展 性 


可 持续 发 展 性 是 一 个 好 产品 非常 重要 的 一 部 分 ， 它 影响 到 产品 的 可 迭代 性 。2015 上 线 的 口令 红包 ， 调 动 了 全 民 发 红包 的 积 
极 性 ， 并 在 各 种 社交 平台 上 火爆 刷 屏 。 既 考验 智力 ， 又 考验 记忆 力 ， 具 有 互动 性 和 趣味 性 。 在 当年 的 红包 项 目 中 ， 对 其 进行 再 设 
计 ， 品 牌 化 包装 结合 “红包 君 ”， 给 用 户 留 下 了 深刻 的 印象 ， 提 升 了 支付 宝 品牌 形象 ， 成 了 当年 各 大 公司 最 热 的 年 会 “神器 ”。 


不 仅 如 此 ， 在 新 春 红包 季 结 束 后 ， 口 令 红包 并 没有 像 其 他 红包 一 样 淡淡 退隐 江湖 ， 而 是 在 原来 的 基础 上 发 展 成 为 商家 口令 红 
包 ， 与 商家 的 促销 活动 联合 起 来 。 这 样 既 能 将 之 前 仅 作为 活动 的 红包 口令 再 次 利用 起 来 ， 为 整个 业务 进行 服务 ， 成 为 一 个 较 好 的 
服务 小 利器 ， 又 能 更 好 地 服务 商家 ， 宣 传 商家 活动 及 品牌 ， 使 支付 宝 成 为 一 个 良好 的 服务 平台 ， 增 加 品牌 效应 ， 如 图 3 所 示 。 


输 口 令 抢 红包 


手机 充值 信用 卡 还 南 


打开 支付 室 钱包 商 黄 输入 红 但 口令 


新 春 红包 








图 3 2015 春 节 红 包 项 目 一 一 红包 口令 及 商家 口令 


在 整个 项 目 中 ， 学 会 解决 以 上 3 个 问题 ， 加 以 精湛 的 技艺 ， 用 思维 去 做 设计 ， 才 算是 迈 出 了 成 为 一 个 称职 设计 师 的 第 一 步 。 


第 2 节 ” 像 设 计 师 一 样 思考 带 来 的 影响 


设计 团队 不 断 反 复 思考 以 上 问题 ， 反 复 验 证 ， 站 在 用 户 与 市 场 的 角度 ， 推 动 设计 独立 思维 去 解决 客观 问题 。 最 佳 的 设计 通常 
是 在 极其 苛刻 的 约束 条 件 下 设计 出 来 的 。 后 续 团 队 通过 分 享 工作 流程 ， 积 极 鼓励 创新 ， 让 大 家 在 团队 中 相互 学 习 ， 获 得 收获 与 成 
长 。 


正如 文章 开头 所 提 ，“ 设 计 是 轮子 的 中 轴 ， 而 非 链 条 中 简单 的 一 环 ”， 能 用 全 局 的 思维 去 做 设计 ， 站 在 不 同 的 视角 去 看 待 眼 
下 遇 到 的 问题 ， 认 真 洞察 与 思考 ， 会 发 现 许多 解决 问题 的 思路 ， 会 发 现 更 美好 的 事物 。 好 的 认识 和 发 现 ， 会 让 我 们 感到 喜悦 与 骄 
做 ， 同 时 让 我 们 的 设计 经 得 起 推敲 与 检验 。 


总 结 


像 设 计 师 一 样 思 考 ， 是 将 观察 结果 转化 成 设计 思考 ， 再 将 设计 思考 转化 成 能 改善 人 们 生活 的 产品 和 服务 。 如 果 一 个 设计 师 仅 
仅 根 据 自 己 的 标准 和 要 求 来 进行 设计 ， 就 会 错失 很 多 解决 问题 的 机 会 。 





像 设 计 师 一 样 思 考 ， 并非 想 和 否认 正在 从 事 设计 的 同行 。 只 是 想 帮 助 像 我 一 样 刚 入 门 的 设计 师 登 上 一 个 更 高 的 阶梯 。 设 计 ， 就 
是 设计 生活 ， 设 计 人 生 ， 需 要 用 感性 的 右 脑 加 理性 的 左 脑 去 分 析 问题 、 解 决 问题 ， 让 设计 、 生 活 、 人 生变 得 更 加 美好 。 


引用 : 


[1] Tim Brown. 设 计 改 变 一 切 . 修 婷 译 . 沈 阳 : 万 卷 出 版 公司 ，2011. 


[2] ” 李 永 犹 [口述 ， 张 帝 庄 [ 扎 写 ]. 森 林 消 费 : 品牌 现 生 .北京 : 生活 .读书 .新知 三 联 书店 ，2012. 


[3] ， 原 研 哉 .设计 中 的 设计 . 朱 锣 译 . 济 南 : 山东 人 民 出 版 社 ，2006. 


玩 设 计 


16 讲 故 事 的 力量 


文 / 李 涵 、 周 晓 双 


几乎 所 有 成 功 的 品牌 、 产 品 、 设 计 ， 都 会 有 自己 的 故事 。 


山 





记得 淘宝 时 光 机 吗 ? 它 挖掘 淘宝 买 家 交易 数据 ， 以 故事 串联 的 形式 ， 将 每 个 用 户 的 生活 点 滴 描 述 出 来 。 
“2004 年 冬天 ， 典 在 被 高， 我 第 一 次 来 淘宝 。” 

“奇迹 的 时 刻 ， 生 命中 多 了 一 个 你 ， 那 个 最 美的 音符 ， 虽 然 肉 麻 ， 但 我 爱 你 。 

“她 的 第 一 次 ，551 天 后 ， 她 第 一 次 点 下 付款 按钮 。 小 鹿 乱 撞 ， 激 动 涕 零 。” 

“有 爱 的 惊喜 ， 拼 尽 全 力 ， 给 你 爱 的 惊喜 ! { 注 意 安全 哦 ， 亲 }“ 


这 些 贴近 用 户 的 数据 ， 带 来 了 多 少 的 感动 ， 色 起 了 无 数 的 回忆 ……: 





用 这 样 讲 故 事 的 方式 来 传递 信息 ， 可 以 增强 用 户 的 代入 感 。 一 个 故事 的 好 与 坏 最 重要 的 衡量 标准 就 是 代入 感 ， 能 不 能 引 人 入 


已 必 ) 








胜 ， 这 将 决定 用 户 能 否 接 受 产 品 传达 的 核心 信息 ， 我 们 讲 故 事 的 主要 原因 ， 就 是 希望 用 户 可 以 去 理解 和 更 容易 接受 故事 背后 产品 





所 传递 的 理念 ， 让 用 户 对 产品 本 身 产 生 归 属 感 ， 同 时 也 对 产品 品牌 有 归属 感 ， 淘 宝 时 光 机 就 是 一 个 好 的 案例 。 





讲 故 事 是 人 们 传达 信息 、 表 达 自 我 最 常用 的 形式 。 我 们 的 设计 过 程 就 是 在 讲 故 事 ， 设 计 的 是 一 种 情感 的 传达 ， 是 与 用 户 之 间 








的 一 种 交流 方式 ， 并 非 仅 仅 是 对 界面 图 形 的 描述 和 框架 结构 的 布局 。 我 们 在 设计 一 件 产 品 时 需要 权衡 优先 级 ， 突 出 重点 ， 划 分 好 
内 容 层 级 ， 就 好 像 讲 故事 有 起 因 、 了 过程、 转折、 结尾， 有 环 环 相 扣 的 因果 关系 一 样 。 





第 1 节 ” 讲 好 故事 的 三 部 曲 


我 们 到 底 该 如 何 讲 故 事 呢 ? 
第 一 部 : 要 明确 我 们 需要 讲 一 个 什么 样 的 故事 ， 从 什么 角度 出 发 ， 这 就 是 整个 产品 的 主要 目标 。 


那 我 们 来 说 说 支付 宝 吧 ， 支 付 宝 给 人 的 印象 就 是 一 个 安全 的 资金 支付 工具 ,但 是 现在 要 打破 这 个 固有 印象 ， 让 它 服务 好 更 多 
的 用 户 场景 ， 让 所 有 人 都 离 不 开 它 。 我 们 要 做 的 就 是 深 挖 更 多 的 用 户 ， 讲 更 多 的 故事 。 在 其 中 的 一 个 故事 中 ， 我 们 提出 了 一 
个 “ 杀 情 账户 ”的 概念 ， 以 家 庭 为 维度 的 全 方位 支付 、 理 财 、 生 活 的 账户 关系 。 这 个 概念 的 提出 ， 无 疑 是 一 件 很 有 意思 的 事情 。 
家 庭 中 掌控 资金 的 户主 ， 可 以 为 无 支付 能 力 的 家 人 开通 支付 渠道 ， 使 他 们 也 有 支付 的 能 力 ， 家 庭 的 资金 管理 也 会 变 得 更 加 容易 掌 


控 。 


第 二 部 : 设 定 主角 ， 了 解 他 们 的 特征 和 他 们 的 需求 。 


亲情 账户 要 挖掘 的 用 户 是 谁 ? 在 用 户 需求 调研 中 ， 我 们 把 产品 的 目标 选择 用 户 作为 我 们 的 主角 。 杀 情 账户 的 主角 就 是 父母 、 
子女 、 爱 人 、 亲 属 等 以 杀 情 纬度 建立 的 天 系 人 群 。 父 母 是 子女 特别 是 低龄 子女 获得 资金 来 源 的 主要 途径 ， 爱 人 之 间 有 共同 资金 的 
管理 需求 ， 这 部 分 的 资金 可 以 用 来 购买 理财 保险 ， 也 可 以 为 没有 支付 能 力 的 家 人 提供 资金 来 源 ; 对 于 长 辈 有 支付 养老 资金 和 生活 
费 的 诉求 ; 等 等 。 用 户 需求 调研 如 图 1 所 示 。 


杨 先生 29 岁 单身 广西 
添加 朋友 为 亲情 账户 ， 后 解除 关系 


周 小 姐 27 岁 已 婚 武汉 
已 添加 老公 为 亲情 账户 





。 产品 看 不 明白 ， 添 加 后 就 会 自动 给 老公 转 钱 ; 。 对 产品 的 认 知 是 可 以 蔡 朋 友 付 款 ， 其 他 功能 不 知道 


。 家 庭 水 电 煤 缴费 这 类 的 支出 谁 有 时 间 ， 谁 就 会 完成 ; 。 自己 的 父母 年 龄 接近 60 岁 ， 不 会 网 络 购 物 ; 
。 家 庭 财富 掌握 在 周 小 姐 手中 ， 老 公 每 个 月 上 缴 工 资 ; 。 每 年 会 给 父母 钱 ， 都 是 现金 。 希 望 能 够 有 一 个 零 存 整 
。 还 在 还 房贷 ， 所 以 近 两 年 未 给 双方 父母 金钱 ; 取 形 式 的 孝敬 资金 。 


。 希望 家 庭 琐事 能 记录 并 且 重 要 事件 可 提醒 。 





谢 小 姐 30 岁 已 婚 无 子女 福州 郭 先生 20 岁 单身 杭州 

已 添加 老公 为 亲情 账户 添加 朋友 为 亲情 账户 ， 后 解除 关系 
。 对 产品 功能 不 了 解 ， 不 知道 具体 能 做 什么 ; 。 添 加 女 朋 友 为 亲情 账户 ， 从 未 使 用 ， 分 手 解除 关 
。 会 不 定期 给 双方 父母 一 部 分 钱 ， 基 本 采用 现金 或 转 系 ， 不 理解 里 面 的 功能 究竟 是 做 什么 的 ; 
账 形式 ; 。 目 前 会 给 自己 的 父母 孝敬 资金 ， 采 用 转账 的 形式 ， 
。 家 庭 日 常 开支 ， 水 电 物 业 之 类 的 费用 都 是 谁 有 时 间 如 果 有 零 存 整 取 式 的 功能 会 使 用 。 
谁 去 缴纳 ; 


。 重大 事情 有 的 时 候 会 记 不 住 , 如 果 有 提醒 会 使 用 。 


图 1 用 户 需求 调研 


需要 注意 的 是 在 产品 的 不 同 阶 段 ， 用 户 本 身 也 是 有 差异 的 。 在 探索 阶段 ， 我 们 可 以 通过 分 析 与 研究 ， 自 行 定义 目标 用 户 。 产 
品 面市 后 ， 我 们 就 可 以 通过 真实 的 用 户 数据 可 别 出 我 们 的 目标 用 户 ， 并 为 他 们 进行 设计 。 当 产品 趋 于 稳定 后 ， 我 们 则 需要 寻找 潜 
在 用 户 ， 并 为 潜在 用 户 做 设计 。 


第 三 部 : 当 我 们 有 了 用 户 ， 情 节 也 设 定好 了 ， 那 让 我 们 去 具体 地 分 解 他 们 的 问题 ， 抓 住 他 们 的 痛 点 ， 通 过 我 们 设计 的 产品 功 
能 ， 去 帮助 他 们 解决 这 些 问题 。 


对 于 杀 情 账户 的 用 户 来 说 ， 怎 样 合理 以 及 方便 地 管理 家 庭 的 日 常 开 销 ? 怎么 帮助 年 者 的 父母 解决 理财 的 问题 ”又 如 何 为 在 外 
上 学 的 子女 提供 资金 支持 ”整个 家 庭 的 健康 问题 是 否 可 以 得 到 保障 ”等 等 ， 一 系列 的 家 庭 资金 、 理 财 、 管 理 的 问题 就 是 他 们 的 痛 
点 。 根 据 这 些 痛 点 ， 我 们 可 以 推导 出 新 的 需求 ， 这 些 需 求 将 指引 更 多 的 产品 方向 。 例 如 : 为 了 让 家 庭 财富 增值 ， 我 们 可 以 打通 余 
额 宝 和 理财 产品 ， 一 键 开 通 ， 定 期 转 入 ， 让 用 户 方便 地 管理 家 庭 资 金 ， 为 了 加 深 家 庭 情感 关系 ， 我 们 可 以 在 组 建 杀 情 账 户 的 同时 
建立 群 聊 和 社交 图 ， 用 户 可 以 快速 沟通 ; 为 了 孝敬 父母 ， 我 们 可 以 打造 定期 转账 功能 ; 为 了 从 小 培养 理财 意识 ， 我 们 可 以 帮助 子 
女 开通 账户 ， 将 收 到 的 压岁钱 放 入 余额 宝 ; 也 可 以 给 爱人 开 杀 密 付 ， 享 受 任性 买 的 幸福 感 ; 为 了 保障 家 庭 成 员 的 健康 状况 ， 我 们 
可 以 建立 保险 机 制 ; 等 等 ， 然 后 根据 体验 问题 的 优先 级 ， 评 佑 解决 问题 的 成 本 ， 最 终 落 地 成 确实 可 行 的 产品 方案 。 用 户 场景 说 明 


如 图 2 所 示 。 











To: 宝贝 
给 宝贝 一 个 跟随 他 一 起 成 长 的 小 金库 ， 长 大 了 ， 给 他 一 (给 宝贝 存 钱 》 ) 
份 惊喜 ! 

To: 父母 
每 月 给 父母 存 上 一 笔 ， 不 在 乎 多 少 ， 在 乎 的 是 对 父母 的 (去 各 父母 > ) 
那 份 慷 记 ! 

To: 他 (她 ) 


让 我 们 一 起 来 撑 起 这 个 家 ， 风 十 同舟， 荣辱 与 共 。 家 庭 一 起 去 存 钱 > 


小 金库 ， 一 路 走 下 去 ! 


图 2 用 户 场 景 说 明 


通过 讲 故事 的 方式 ， 可 以 帮助 我 们 了 解 用 户 需求 ， 让 我 们 更 加 贴近 用 户 场景 ， 从 而 可 以 让 别人 更 容易 地 了 解 我 们 的 产品 ， 并 
认可 其 价值 。 


第 2 节 ”故事 吸引 用 户 的 3 种 形式 


若 我 们 的 故事 已 经 成 型 ， 就 需要 引人入胜 的 体验 才能 有 效 地 吸引 用 户 。 讲 故事 的 形式 有 很 多 ， 在 我 们 的 设计 中 就 有 很 多 的 案 
例 。 


1. 通 过 插画 讲 故事 


我 们 做 支付 宝 春晚 活动 时 ， 正 值 春节 ， 有 浓 浓 的 过 节 和 氛围 ， 如 何 表现 这 种 气氛 呢 ? 来 看 我 们 的 支付 宝 首页 ， 头 部 的 区 域 被 换 
成 了 全 家 一 起 放 烟 花 的 场景 ， 色 调 温馨 ， 人 物 画 面 生 动 有 趣 ， 小 女孩 的 手 ， 指 向 了 春晚 活动 的 主 功能 “ 嘛 一 味 ”， 可 以 和 
活动 紧密 地 结合 。 九 富 格 中 的 功能 图 标 变换 为 生肖 小 猴子 ， 而 每 个 猴子 对 应 的 小 图 标 也 和 功能 点 一 一 匹配 。 将 首页 打造 成 一 个 喜 
迎 猴 年 的 春晚 活动 现场 。 春 晚 首页 设计 稿 如 图 3 所 示 。 





2. 通 过 动 效 讲 故事 


中 国人 历来 重视 情感 交流 ， 结 婚 、 过 年 时 往往 会 发 红包 ， 这 是 一 种 传达 情感 的 方式 ， 红 包 本 身 就 是 非常 有 故事 感 的 。 在 红包 
的 设计 流程 中 ， 拆 红包 的 动画 过 程 ， 就 是 模拟 真实 人 与 人 传递 红包 和 打开 红包 的 过 程 。 在 虚拟 场景 中 通过 这 些 动画 加 强 用 户 发 送 
和 接收 红包 的 真实 感受 ， 让 线 上 、 线 下 有 一 致 的 体验 效果 ， 在 保持 了 产品 的 原始 形态 的 同时 也 增加 了 用 户 的 代入 感 。 红 包 视 党 稿 
如 图 4 所 示 。 
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图 3 春晚 首页 设计 稿 








图 4 红包 视觉 稿 


3. 通 过 音效 讲 故事 


早 前 版 本 的 转账 消息 ， 为 了 描述 用 户 到 账 时 的 场景 感 ， 我 们 在 用 户 的 资金 到 账 时 ， 配 合 掉 金 币 的 音效 ， 来 更 真实 体现 用 户 现 
实 中 硬币 入 口袋 的 感受 。 


总 之 ， 利 用 插画 、 动 效 和 音效 等 各 种 形式 的 烘托 ， 能 够 有 效 地 吸引 用 户 的 注意 力 ， 增 加 产品 的 趣味 性 。 


第 3 节 ”故事 可 帮助 产品 创新 


当然 故事 也 可 以 帮助 你 分 析 和 探寻 一 个 新 想法 或 新 概念 ， 在 开始 具体 的 设计 工作 之 前 ， 它 就 可 以 帮 有 我 们 构造 一 个 新 的 想法 。 
早 前 ,支付 宝 就 有 了 收 款 、 转 账 、 付 款 等 支付 功能 ， 但 是 这 些 功能 并 不 能 模拟 我 们 所 有 的 生活 场景 。 我 们 来 看 看 到 底 发 生 了 哪些 
故事 。 


“ 某 某 某 又 找 我 借 钱 ， 我 是 借 还 是 不 借 呢 ?” 上 次 的 钱 都 还 没有 还 给 我 !“ 
“ 低 声 下 气 地 众 某 某 还 钱 ， 他 还 一 副 爱 理 不 理 的 样子 ， 打 了 10 通 电话 他 才 接 ， 好 像 我 欠 他 的 一 样 ….” 


“ 某 某 ， 家 里 父母 生病 了 ， 手 里 一 下 子 没有 那么 多 现 钱 ， 你 可 不 可 以 借 我 点 ， 下 个 月 我 就 立马 给 你 还 上 ， 一 
是 >>” “有 呢 i 


“你 说 好 11 月 20 号 给 我 还 钱 的 呢 ， 我 现在 还 没有 收 到 ! ”“ 啊 , 今天 20 号 啦 ， 没 注意 ,我 马上 转 你 ， 马 上 转 你!" 


这 些 都 是 生活 中 很 常见 的 情境 ， 了 解 了 这 些 情境 ， 就 可 以 把 我 们 的 转账 功能 做 一 些 延 伸 。 为 这 些 人 提供 可 以 借 钱 、 提 醒 还 款 
的 服务 ， 借 条 这 个 产品 就 这 样 产 生 了 。 表 挖 据 一 些 故事 ，“ 我 身边 没有 喻 朋友， 需要 借款 的 金额 数目 也 比较 大 ， 怎 么 办 ? ”为 满 
足 这 些 场景 的 需求 ， 我 们 又 推出 了 “蚂蚁 借 喘 ” 这 样 的 产品 。 类 似 的 情境 还 有 很 多 ， 只 要 这 些 故 事 一 直 在 发 生 ， 我 们 就 可 以 一 直 


挖掘 下 去 ， 创 新 更 多 的 产品 来 解决 这 些 痛 点 。 


总 结 





对 我 们 而 言 ， 讲 故事 本 就 是 一 种 自然 传递 信息 的 方式 ， 它 一 直 以 来 都 是 设计 中 最 重要 的 方式 之 一 。 使 用 故事 来 表达 自己 的 产 
品 ， 总 是 比较 容易 吸引 用 户 ， 引 起 共鸣 ， 给 予 用 户 更 有 代入 感 的 情感 体验 。 越 来 越 多 的 产品 以 讲 故事 的 方式 来 呈现 自己 ， 在 设计 
中 加 入 更 多 的 播 画 、 音 效 、 动 效 等 细节 来 增加 故事 感 。 好 好 提升 自己 讲 故事 的 能 力 ， 利 用 故事 来 帮助 产品 创新 ， 开 拓 思 路 ， 
可 以 事半功倍 。 

















玩 . 设 计 


16 讲 故事 的 力量 


文 / 李 涵 、 周 晓 双 


几乎 所 有 成 功 的 品牌 、 产 品 、 设 计 ， 都 会 有 自己 的 故事 


tt 
o 





记得 淘宝 时 光 机 吗 ? 它 挖掘 淘 宝 买 家 交易 数据 ， 以 故事 串联 的 形式 ， 将 每 个 用 户 的 生活 点 滴 描 述 出 来 。 
“2004 年 冬天 ， 租 在 被 寅 ， 我 第 一 次 来 淘宝 。” 

“奇迹 的 时 刻 ， 生 命中 多 了 一 个 你 ， 那 个 最 美的 音符 ， 虽 然 肉麻 ， 但 我 爱 你 。 

“她 的 第 一 次 ，551 天 后 ， 她 第 一 次 点 下 付款 按钮 。 小 鹿 乱 撞 ， 激 动 涕 零 。” 

“有 爱 的 惊喜 ， 拼 尽 全 力 ， 给 你 爱 的 惊喜 ! 《注意 安全 哦 ， 杀 }“ 


这 些 贴近 用 户 的 数据 ， 带 来 了 多 少 的 感动 ， 色 起 了 无 数 的 回忆 ……: 








用 这 样 讲 故 事 的 方式 来 传递 信息 ， 可 以 增强 用 户 的 代入 感 。 一 个 故事 的 好 与 坏 最 重要 的 衡量 标准 就 是 代入 感 ， 能 不 能 引 人 入 
胜 ， 这 将 决定 用 户 能 否 接受 产品 传达 的 核心 信息 ， 我 们 讲 故 事 的 主要 原因 ， 就 是 希望 用 户 可 以 去 理解 和 更 容易 接受 故事 背后 产品 
所 传递 的 理念 ， 让 用 户 对 产品 本 身 产 生 归 属 感 ， 同 时 也 对 产品 品牌 有 归属 感 ， 淘 宝 时 光 机 就 是 一 个 好 的 案例 。 














讲 故 事 是 人 们 传达 信息 、 表 达 自 我 最 常用 的 形式 。 我 们 的 设计 过 程 就 是 在 讲 故事 ， 设 计 的 是 一 种 情感 的 传达 ， 是 与 用 户 之 间 
的 一 种 交流 方式 ， 并 非 仅仅 是 对 界面 图 形 的 描述 和 框架 结构 的 布局 。 我 们 在 设计 一 件 产品 时 需要 权衡 优先 级 ， 突 出 重点 ， 划 分 好 
内 容 层级 ， 就 好 像 讲 故事 有 起 因 、 过 程 、 转 折 、 结 尾 ， 有 环 环 相 扣 的 因果 关系 一 样 。 








第 1 节 ” 讲 好 故事 的 三 部 曲 


我 们 到 底 该 如 何 讲 故 事 呢 ? 


第 一 部 : 要 明确 我 们 需要 进 一 个 什么 样 的 故事 ， 从 什么 角度 出 发 ， 这 就 是 整个 产品 的 主要 目标 。 


那 我 们 来 说 说 支付 宝 吧 ， 支 付 宝 给 人 的 印象 就 是 一 个 安全 的 资金 支付 工具 ,但 是 现在 要 打破 这 个 固有 印象 ， 让 它 服务 好 更 多 
的 用 户 场 景 ， 让 所 有 人 都 离 不 开 它 。 我 们 要 做 的 就 是 深 挖 更 多 的 用 户 ， 讲 更 多 的 故事 。 在 其 中 的 一 个 故事 中 ， 我 们 提出 了 一 
个 “ 杀 情 账户 ”的 概念 ， 以 家 庭 为 维度 的 全 方位 支付 、 理 财 、 生 活 的 账户 关系 。 这 个 概念 的 提出 ， 无 疑 是 一 件 很 有 意思 的 事情 。 
家 庭 中 掌控 资金 的 户主 ， 可 以 为 无 支付 能 力 的 家 人 开通 支付 渠道 ,使 他 们 也 有 支付 的 能 力 ， 家 庭 的 资金 管理 也 会 变 得 更 加 容易 掌 
控 。 

二 部 : 设 定 主角 ， 了 解 他 们 的 特征 和 他 们 的 需求 。 

亲情 账户 要 挖掘 的 用 户 是 谁 ? 在 用 户 需求 调研 中 ， 我 们 把 产品 的 目标 选择 用 户 作为 我 们 的 主角 。 杀 情 账户 的 主角 就 是 父母 、 
子女 、 爱 人 、 亲 属 等 以 杀 情 纬度 建立 的 天 系 人 群 。 父 母 是 子女 特别 是 低龄 子女 获得 资金 来 源 的 主要 途径 ， 爱 人 之 间 有 共同 资金 的 


管理 需求 ， 这 部 分 的 资金 可 以 用 来 购买 理财 保险 ， 也 可 以 为 没有 支付 能 力 的 家 人 提供 资金 来 源 ， 对 于 长 华 有 支付 养老 资金 和 生活 
费 的 诉求 ; 等 等 。 用 户 需求 调研 如 图 1 所 示 。 


杨 先生 29 岁 单身 广西 
添加 朋友 为 亲情 账户 ， 后 解除 关系 


周 小 姐 27 岁 已 婚 武汉 
已 添加 老公 为 亲情 账户 





。 产 品 看 不 明白 ,添加 后 就 会 自动 给 老公 转 钱 ; 。 对 产品 的 认 知 是 可 以 蔡 朋友 付款 ， 其 他 功能 不 知道 ; 


。 家 庭 水 电 煤 缴费 这 类 的 支出 谁 有 时 间 ， 谁 就 会 完成 ; 。 自己 的 父母 年 龄 接近 60 岁 ， 不 会 网 络 购物 ; | 
。 家庭 财富 掌握 在 周 小 姐 手中 ， 老 公 每 个 月 上 缴 工 资 ， 。 每 年 会 给 父母 钱 ， 都 是 现金 。 希 望 能 够 有 一 个 零 存 整 
。 还 在 还 房贷 ， 所 以 近 两 年 未 给 双方 父母 金钱 ; 取 形式 的 孝敬 资金 。 


。 和 希望 家 庭 琐事 能 记录 并 且 重 要 事件 可 提醒 。 | 





谢 小 姐 30 岁 已 婚 无 子女 福州 郭 先生 20 岁 单身 杭 认 

已 添加 老公 为 亲情 账户 添加 朋友 为 亲情 账户 ， 后 解除 关系 
。 对 产品 功能 不 了 解 ， 不 知道 具体 能 做 什么 ; 。 添 加 女 朋 友 为 亲情 账户 ， 从 未 使 用 ， 分 手 解除 关 
。 会 不 定期 给 双方 父母 一 部 分 钱 ， 基 本 采用 现金 或 转 系 ， 不 理解 里 面 的 功能 究竟 是 做 什么 的 ; 
账 形式 ; 。 目 前 会 给 自己 的 父母 孝敬 资金 ， 采 用 转账 的 形式 ， 
。 家 庭 日 常 开 支 ， 水 电 物 业 之 类 的 费用 都 是 谁 有 时 间 如 果 有 零 存 整 取 式 的 功能 会 使 用 。 
谁 去 缴纳 ; 





。 重大 事情 有 的 时 候 会 记 不 住 , 如 果 有 提醒 会 使 用 。 


图 1 用 户 需求 调研 


需要 注意 的 是 在 产品 的 不 同 阶 段 ， 用 户 本 身 也 是 有 差异 的 。 在 探索 阶段 ， 我 们 可 以 通过 分 析 与 研究 ， 自 行 定义 目标 用 户 。 产 
品 面市 后 ， 我 们 就 可 以 通过 真实 的 用 户 数据 甄别 出 我 们 的 目标 用 户 ， 并 为 他 们 进行 设计 。 当 产品 趋 于 稳定 后 ， 我 们 则 需要 寻找 潜 
在 用 户 ， 并 为 潜在 用 户 做 设计 。 


三 部 : 当 我 们 有 了 用 户 ， 情 节 也 设 定好 了 ， 那 让 我 们 去 具体 地 分 解 他 们 的 问题 ， 抓 住 他 们 的 痛 点 ， 通 过 我 们 设计 的 产品 功 
能 ， 去 帮助 他 们 解决 这 些 问题 。 


对 于 杀 情 账户 的 用 户 来 说 ， 怎 样 合理 以 及 方便 地 管理 家 庭 的 日 常 开 销 ?” 怎么 帮助 年 者 的 父母 解决 理财 的 问题 ”又 如 何 为 在 外 


上 学 的 子女 提供 资金 支持 ”整个 家 庭 的 健康 问题 是 否 可 以 得 到 保障 ”等 等 ， 一 系列 的 家 庭 资金 、 理 财 、 管 理 的 问题 就 是 他 们 的 痛 
点 。 根 据 这 些 痛 点 ， 我 们 可 以 推导 出 新 的 需求 ， 这 些 需 求 将 指引 更 多 的 产品 方向 。 例 如 : 为 了 让 家 庭 财富 增值 ， 我 们 可 以 打通 余 
额 宝 和 理财 产品 ， 一 键 开 通 ， 定 期 转 入 ， 让 用 户 方便 地 管理 家 庭 资 金 ， 为 了 加 深 家 庭 情感 关系 ， 我 们 可 以 在 组 建 杀 情 账 户 的 同时 
建立 群 聊 和 社交 图 ， 用 户 可 以 快速 沟通 ; 为 了 孝敬 父母 ， 我 们 可 以 打造 定期 转账 功能 ; 为 了 从 小 培养 理财 意识 ， 我 们 可 以 帮助 子 
女 开通 账户 ， 将 收 到 的 压岁钱 放 入 余额 宝 ; 也 可 以 给 爱人 开 杀 密 付 ， 享 受 任性 买 的 幸福 感 ; 为 了 保障 家 庭 成 员 的 健康 状况 ， 我 们 
可 以 建立 保险 机 制 ; 等 等 ， 然 后 根据 体验 问题 的 优先 级 ， 评 佑 解决 问题 的 成 本 ， 最 终 落 地 成 确实 可 行 的 产品 方案 。 用 户 场景 说 明 
如 图 2 所 示 。 


To 至 有 山 


给 宝贝 一 个 跟随 他 一 起 成 长 的 小 金库 ， 长 大 了 ， 给 他 一 (给 宝 由 存 钱 > ) 
份 惊喜 ! 





To: 父母 


每 月 给 父母 存 上 一 笔 ， 不 在 乎 多 少 ， 在 乎 的 是 对 父母 的 (去 过 吏 父母 ) 
那 份 恼 记 ! 





To: 他 (她 ) 


让 我 们 一 起 来 返 起 这 个 家 ， 风 雨 同舟 ， 荣 辱 与 共 。 家 庭 【人 一 起 去 存 钱 》 ) 
小 金库 ， 一 路 走 下 去 ! 





图 2 用户 场景 说 明 


通过 讲 故事 的 方式 ， 可 以 帮助 我 们 了 解 用 户 需求 ， 让 我 们 更 加 贴近 用 户 场景 ， 从 而 可 以 让 别人 更 容易 地 了 解 我 们 的 产品 ， 并 
认可 其 价值 。 


第 2 节 ”故事 吸引 用 户 的 3 种 形式 


若 我 们 的 故事 已 经 成 型 ， 就 需要 引人入胜 的 体验 才能 有 效 地 吸引 用 户 。 讲 故事 的 形式 有 很 多 ， 在 我 们 的 设计 中 就 有 很 多 的 案 
例 。 


1. 通 过 插画 讲 故 事 


我 们 做 支付 宝 春 晚 活动 时 ， 正 值 春 节 ， 有 浓 浓 的 过 节 氛 围 ， 如 何 表现 这 种 气氛 呢 ? 来 看 我 们 的 支付 宝 首 页 ， 头 部 的 区 域 被 换 
成 了 全 家 一 起 放 烟 花 的 场景 ， 色 调 温馨 ， 人物 画 面 生动 有 趣 ， 小 女孩 的 手 ， 指 向 了 春晚 活动 的 主 功能 “ 嘛 一 味 ”， 可 以 和 
活动 紧密 地 结合 。 九 宫 格 中 的 功能 图 标 变换 为 生肖 小 猴子 ， 而 每 个 猴子 对 应 的 小 图 标 也 和 功能 点 一 一 匹配 。 将 首页 打造 成 一 个 喜 
迎 猴 年 的 春晚 活动 现场 。 春 晚 首 页 设计 稿 如 图 3 所 示 。 





2. 通 过 动 效 讲 故事 


中 国人 历来 重视 情感 交流 ， 结 婚 、 过 年 时 往往 会 发 红包 ， 这 是 一 种 传达 情感 的 方式 ， 红 包 本 身 就 是 非常 有 故事 感 的 。 在 红包 


的 设计 流程 中 ， 拆 红包 的 动画 过 程 ， 就 是 模拟 真实 人 与 人 传递 红包 和 打开 红包 的 过 程 。 在 虚拟 场景 中 通过 这 些 动画 加 强 用 户 发 送 


和 接收 红包 的 真实 感受 ， 让 线 上 、 线 下 有 一 致 的 体验 效果 ， 在 保持 了 产品 的 原始 形态 的 同时 也 增加 了 用 户 的 代入 感 。 红 包 视 党 稿 
如 图 4 所 示 。 
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图 3 春晚 首页 设计 稿 











图 4 红包 视觉 稿 


3. 通 过 音效 讲 故事 


早 前 版 本 的 转账 消息 ， 为 了 描述 用 户 到 账 时 的 场景 感 ， 我 们 在 用 户 的 资金 到 账 时 ， 配 合 掉 金 币 的 音效 ， 来 更 真实 体现 用 户 现 
实 中 硬币 入 口袋 的 感受 。 


总 之 ， 利 用 插画 、 动 效 和 音效 等 各 种 形式 的 烘托 ， 能 够 有 效 地 吸引 用 户 的 注意 力 ， 增 加 产品 的 趣味 性 。 


第 3 节 ”故事 可 帮助 产品 创新 


当然 故事 也 可 以 帮助 你 分 析 和 探寻 一 个 新 想法 或 新 概念 ， 在 开始 具体 的 设计 工作 之 前 ， 它 就 可 以 帮 有 我 们 构造 一 个 新 的 想法 。 
早 前 ,支付 宝 就 有 了 收 款 、 转 账 、 付 款 等 支付 功能 ， 但 是 这 些 功能 并 不 能 模拟 我 们 所 有 的 生活 场景 。 我 们 来 看 看 到 底 发 生 了 哪些 
故事 。 


“ 某 某 某 又 找 我 借 钱 ， 我 是 借 还 是 不 借 呢 ? 上 次 的 钱 都 还 没有 还 给 我 !“ 
“ 低 声 下 气 地 催 某 某 还 钱 ， 他 还 一 副 爱 理 不 理 的 样子 ， 打 了 10 通 电话 他 才 接 ， 好 像 我 闪 他 的 一 样 …… 


“ 某 某 ， 家 里 父母 生病 了 ， 手 里 一 下 子 没有 那么 多 现 钱 ， 你 可 不 可 以 借 我 点 ， 下 个 月 我 就 立马 给 你 还 上 ， 一 


“你 说 好 11 月 20 号 给 我 还 钱 的 呢 ， 我 现在 还 没有 收 到 ! ”“ 啊 , 今天 20 号 啦 ， 没 注意 ,我 马上 转 你 ， 马 上 转 你 !" 


这 些 都 是 生活 中 很 常见 的 情境 ， 了 解 了 这 些 情境 ， 就 可 以 把 我 们 的 转账 功能 做 一 些 延 伸 。 为 这 些 人 提供 可 以 借 钱 、 提 醒 还 款 
的 服务 ， 借 条 这 个 产品 就 这 样 产 生 了 。 再 挖掘 一 些 故 事 ，“ 我 身边 没有 啥 朋友 ， 需 要 借款 的 金额 数目 也 比较 大 ， 怎 么 办 ?” ”为 满 
足 这 些 场景 的 需求 ， 我 们 又 推出 了 “蚂蚁 借 跑 ” 这 样 的 产品 。 类 似 的 情境 还 有 很 多 ， 只 要 这 些 故事 一 直 在 发 生 ， 我 们 就 可 以 一 直 
挖掘 下 去 ， 创 新 更 多 的 产品 来 解决 这 些 痛 点 。 


总 结 


CN= 口 





对 我 们 而 言 ， 讲 故事 本 就 是 一 种 自然 传递 信息 的 方式 ， 它 一 直 以 来 都 是 设计 中 最 重要 的 方式 之 一 。 使 用 故事 来 表达 自己 的 产 
品 ， 总 是 比较 容易 吸引 用 户 ， 引 起 共鸣 ， 给 予 用 户 更 有 代入 感 的 情感 体验 。 越 来 越 多 的 产品 以 讲 故 事 的 方式 来 呈现 自己 ， 在 设计 
中 加 入 更 多 的 插画 、 音 效 、 动 效 等 细节 来 增加 故事 感 。 好 好 提升 自己 讲 故 事 的 能 力 ， 利 用 故事 来 帮助 产品 创新 ， 开 拓 思 路 ， 一 定 
可 以 事半功倍 。 




















17 移动 搜索 设计 探索 


当今 社会 ， 科 技 变 得 越 来 越 复杂 ， 我 们 的 注意 力 开始 从 人 机 交互 转移 到 人 机 信息 交互 ， 通 过 搜索 或 其 他 渠道 获取 信息 ， 信 息 
检索 成 为 占 主导 地 位 的 交互 方式 ， 信 息 交 流 给 我 们 提供 了 很 大 的 帮助 : 将 复杂 的 信息 渗透 出 表层 ， 信 息 变 得 越 来 越 清晰 。 


云 计算 从 单纯 的 信息 存储 走向 存储 计算 一 体 化 ， 可 以 在 移动 设备 中 分 散 ， 并 且 保 持 去 同步 。 通 过 智能 手机 、 平 板 电 脑 和 电子 


阅读 器 传递 信息 ， 形 成 跨 渠 道 信息 交互 。 


未 来 的 搜索 需要 更 加 考虑 如 何 设计 出 各 渠道 间 紧 密 无 缝 传 递 的 信息 交互 ， 思 考 如 何 通过 相似 的 格局 将 有 价值 的 信息 进行 凝聚 
构造 ， 附 着 在 更 多 新 产品 与 设备 中 ， 引 寻 用 户 以 最 少 的 时 间 获 取 更 多 价值 信息 。 


第 1 节 ”移动 搜索 的 变化 与 特点 


信息 与 内 容 的 检索 是 人 在 知识 经 济 社会 最 基本 的 诉求 之 一 ，App 内 容 越 来 越 丰富 ， 用 户 需 要 用 搜索 来 找到 自己 感 兴趣 的 内 


} 


合 。 

1. 更 贴 合 业务 诉求 的 搜索 习惯 

在 移动 设备 上 ， 用 户 都 会 下 载 安 装 满足 自己 需要 的 应 用 。 事 先 打开 需要 的 应 用 App， 然 后 进行 相应 的 搜索 ， 搜 索 的 内 容 相 对 
垂直 于 聚焦 。 比 如 ， 想 要 点 外 卖 ， 会 先 打 开口 碑 外 卖 、 饿 了 么 ,然后 在 App 里 搜索 想 找 的 外 卖 服务 。 


2. 高 精准 度 的 结果 展现 ， 设 计 要 求 简单 直接 


移动 屏幕 小 ， 一 屏 内 呈现 的 内 容 少 ， 用 户 使 用 手机 的 环境 复杂 多 变 ， 碎 片 化 的 时 间 被 充分 利用 ， 用 户 都 希望 快速 找到 目标 结 
果 ， 在 结果 的 查找 上 不 会 花 太 多 时 间 ， 所 以 移动 搜索 一 个 核心 的 设计 目标 是 快速 精准 地 在 第 一 屏 内 呈现 出 用 户 想 要 的 结果 。 


移动 设备 设计 要 求 ， 搜 索 界 面 直观 简单 、 所 有 控件 必须 显而易见 。 用 户 将 搜索 视 为 发 现 App 丰 富 内 容 的 重要 渠道 ， 操 作 复 杂 
的 菜单 选项 ， 杂 乱 无 章 或 元 余 的 搜索 结果 页 ， 给 用 户 信息 浏览 造成 巨大 的 认 知 负担 。 


我 们 可 以 在 任何 App 应 用 中 ， 通 过 搜索 需求 触发 获得 快速 输入 反馈 找到 想 要 的 结果 。 如 果 检 索 到 与 自己 诉求 相关 的 内 容 ， 进 
一 步 点 击 可 跳 转 到 对 应 的 内 容 页 或 直接 使 用 某 一 个 功能 。 


3. 具 有 移动 设备 特性 的 搜索 细节 与 特色 


为 满足 用 户 快 速 精准 的 诉求 ， 可 以 利用 移动 设备 的 特殊 属性 ， 比 如 地 理 位 置 ， 当 前 地 域 属性 内 容 与 附近 的 结果 优先 呈现 ; 可 
以 利用 手机 重力 感应 功能 ， 当 搜索 结果 没有 满足 预期 时 ， 通 过 摇 一 摇 重 新 更 换 排序 结果 。 在 移动 设备 中 打字 是 一 件 特别 费劲 的 
事 ， 可 以 使 用 语音 输入 的 方式 。 另 外 关于 相关 图 片 的 搜索 ， 或 者 拍照 搜索 ， 移 动 设备 会 容易 很 多 。 


第 2 节 ”移动 搜索 体验 核心 


搜索 的 目的 就 是 精准 快速 地 找到 想 要 的 结果 ， 这 是 所 有 搜索 产品 最 核心 的 体验 指标 之 一 。 为 了 达到 这 个 目的 ， 需 要 从 两 个 方 
面 进行 思考 : 一 方面 需要 深入 地 研究 清楚 用 户 对 信息 的 需求 、 搜 索 行 为 和 潜在 动机 ， 了 解 他 们 的 使 用 情境 ; 另 一 方面 是 移动 App 
本 身 能 给 用 户 提供 哪些 功能 服务 。 通 过 两 个 方面 的 研究 与 综合 思考 ， 设 计 出 更 符合 用 户 使 用 习惯 、 更 能 表达 出 满足 业务 诉求 的 搜 
索 功 能 。 


1. 一 起 来 研究 用 户 如 何 使 用 搜索 


手机 搜索 受 限 于 小 屏幕 与 移动 特性 ， 用 户 可 能 行走 于 户外 或 处 于 相对 安静 的 环境 当中 ， 可 能 随意 使 用 不 同 的 移动 设备 ， 也 可 
能 在 多 任务 间 切 换 。 在 设计 中 我 们 常常 关注 以 下 数据 ， 从 数据 中 了 解 用 户 更 具体 的 搜索 行为 习惯 。 


. 搜索 主 界面 的 点 击 PV、UV。 

. 搜索 请 求 的 PV、UV。 

* 用 户 平均 使 用 搜索 的 次 数 。 

" 用 户 使 用 客户 端 次 数 和 搜索 次 数 对 比 。 

更 换 关键 词 的 次 数 。 

. 最 短 关键 词 长 度 、 最 长 关键 词 长 度 、 平 均 关 键 词 长 度 。 
* 每 日 的 TOP20 关 键 词 。 

* 每 一 个 类 别 结 果 点 UV、PV 与 点 击 占 比 。 

. 每 一 个 类 别 TOP10 关 键 词 。 

同一 个 结果 页 面 ， 结 果 点 击 的 次 数 。 


通过 数据 的 分 析 总 结 ， 研 究 用 户 使 用 流程 与 心理 变化 ， 你 会 发 现 每 个 用 户 对 于 搜索 有 着 不 同 的 诉求 。 用 户 搜索 使 用 流程 如 图 
1 所 示 。 
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图 1 用 户 搜索 使 用 流程 
(1 





— 


目的 明确 ， 快 速 提炼 所 需 的 内 容 


点 、 影 、 餐 厅 等 。 通 常 是 
一 种 临时 或 短期 快速 的 诉求 。 


(2) 搜索 中 对 比 收集 ， 探 索 式 学 习 


如 果 要 找 的 不 止 一 个 答案 或 者 搜索 意图 不 明确 ， 会 尝试 输入 某 个 关键 词 ， 通 过 搜索 结果 展现 的 信息 来 不 断 分 析 提 炼 ， 最 终 明 
确 搜索 意图 ， 更 换 关键 词 ， 最 终 找到 想 要 的 结果 ， 搜 索 范围 从 大 到 小 。 如 用 户 想 搜 一 部 电影 ， 可 以 在 搜索 结果 中 看 到 相关 的 预告 
片 、 放 映 时 间 、 影 评 、 演 员 / 导 演 等 内 容 ， 用 户 基于 看 到 的 内 容 ， 有 可 能 马上 想 买 票 


， 或 者 看 看 主演 的 其 他 电影 。 
(3) 由 此 及 他 式 搜索 


我 们 在 数据 中 经 常会 发 现 ， 用 户 会 更 换 关 键 词 ， 并 且 看 上 去 这 两 个 关键 词 没有 任何 的 联系 。 这 种 情况 往往 是 ， 起 初 是 有 一 定 
的 搜索 意图 想 要 找到 某 个 结果 ， 在 搜索 过 程 中 基于 一 些 推荐 的 结果 ， 激 发 起 另 一 个 新 的 需求 。 


2. 搜 索 使 用 流程 的 路 径 分 解 


查询 需求 ， 可 能 需 


表面 上 的 搜索 似乎 很 简单 ， 用 户 寻 找 具有 搜索 按钮 的 “输入 框 ”， 输 入 和 提交 查询 需求 ， 展 示 搜索 结果 。 实 际 上 ， 用 户 输入 
要 花费 更 多 的 精力 、 时 间 ， 更 换 多 个 关键 词 ， 才 能 找到 需要 的 东西 。 如 图 2 所 示 。 





图 2 搜索 路 径 分 解 


搜索 到 再 搜索 ， 意 味 着 用 户 在 搜索 中 的 消耗 与 使 用 ， 履 盖 搜 索 入 口 、 激 活 状态 、 搜 索 结果 页 整个 搜索 路 径 。 


(1) 搜索 入 口 

每 个 App 都 有 各 自 的 搜索 入 口 ， 搜 索 App 内 的 全 局 内 容 ， 当 用 户 有 搜索 诉求 时 ， 打 开 应 用 ， 即 可 进行 相应 的 搜索 。 搜 索 入 口 
的 位 置 与 形式 通常 取决 于 App 内 容 对 搜索 的 依赖 程度 。 搜 索 入 口 的 形式 如 图 3 所 示 。 电 商 、 新 闻 或 平台 级 的 应 用 大 多 采用 较为 明 
显 的 统一 样式 和 位 置 ， 以 输入 框 形式 直接 展示 在 屏幕 中 ， 作 为 用 户 搜索 请 求 的 第 一 步 。 输 入 框 中 包含 的 提示 文字 , 如 “type a 
place movie or restaurant” 和 语音 搜索 ， 有 助 于 确保 绝 大 多 数 用 户 都 能 发 现 ， 明 和 白 这 个 功能 该 如 何 使 用 ， 增 加 输入 形式 的 多 
样 性 。 


站 于 59% + 


Q 


提供 Icon 形 式 的 搜索 功能 入 口 搜索 功能 外 露 ， 如 输入 框 形式 直接 展示 在 屏幕 





图 3 搜索 入 口 的 形式 
. 持久 性 搜索 : 以 输入 框 形式 直接 展示 在 屏幕 中 ， 是 常见 的 一 种 设计 方式 ， 也 是 电 商 通常 会 采用 的 形式 。 
. 可 扩展 搜索 : 搜索 并 不 是 应 用 的 主要 关注 时 ， 作 为 功能 布点 ， 当 用 户 点 击 后 搜索 文本 框 自动 获得 输入 焦点 和 屏幕 键盘 。 
. 搜索 表单 : 一 般 形 式 为 多 个 搜索 条 件 加 明显 的 搜索 按钮 ， 用 户 根据 不 同 条 件 放 入 默认 值 。 
. 独立 Tab: 是 将 搜索 放 得 最 重 的 一 种 形式 ， 除 包含 基础 功能 外 ， 还 增加 了 许多 运营 内 容 。 
(2) 激活 状态 和 即时 反馈 


当 用 户 操作 移 至 搜索 功能 入 口 或 点 击 搜索 入 口 ， 输 入 光标 将 自动 激活 、 出 现在 输入 框 中 ， 键 盘 自动 唤起 ， 等 待 用 户 进一步 输 
入 操作 。 除 外 顶部 导航 区 与 键盘 外 ， 中 部 内 容 区 域 ， 通 常 显示 所 支持 的 分 类 或 关键 热 词 ， 满 足 用 户 快 速 获取 对 应 信息 。 对 于 新 用 
户 ， 能 够 了 解 到 哪些 内 容 是 可 以 被 搜索 获取 的 ; 对 于 老 用 户 或 有 一 定 移动 互联 网 经 验 的 用 户 ， 在 基础 设计 之 上 ， 可 以 通过 搜索 热 
词 或 天 键 字 提示 ， 降 低 输入 成 本 ， 快 速 获得 想 要 的 结果 或 内 容 功能 直达 。 搜 索 主页 展现 分 类 入 口 ， 如 图 4 所 示 。 
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图 4 ”搜索 主页 展现 分 类 入 口 


1) 激活 状态 的 设计 形态 


"Tab 分 类 : 如 知 乎 ， 在 激活 状态 内 容 区 底部 ， 以 不 同 Tab 形 式 进行 分 类 展示 ， 便 于 用 户 分 别 通过 内 容 与 用 户 路 径 找到 结果 ， 
如 图 5 所 示 。 


TTT Te 下 午 7:16 


御 索 问答 、 文 章 、 话 题 或 用 户 


内 容 





图 5 知 乎 通过 Tab 展 现 分 类 
" 类 目 或 功能 入 口 : 如 今日 头条 、vurb 显 示 不 同类 目 展示 或 作为 功能 入 口 ， 点 击 直达 。 
2) 即时 反馈 的 设计 形态 
当 用 户 开始 输入 查询 ， 搜 索 自动 即时 反馈 ， 对 输入 信息 进行 补 全 ， 已 成 为 标准 的 搜索 设计 形式 ,。 
.关键 词 联想 : 对 于 搜索 结果 较 多 的 应 用 ， 输 入 部 分 关键 词 显示 结果 不 。 经 过 关键 词 修正 ， 推 荐 来 帮助 用 户 提炼 搜 


索 结 果 范 围 ， 如 图 6 所 示 。 
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图 6 ”关键 词 联想 


: 分 类 筛选 : 在 App 中 存在 多 个 独立 的 搜索 类 别 时 ， 将 提前 对 搜索 结果 进行 分 类 筛选 ， 并 提供 多 维度 展示 ， 用 户 输入 的 关键 
词 可 能 在 不 同 搜索 集合 、 类 目 中 有 结果 ， 将 结果 在 不 同 纬度 与 分 类 中 展示 ， 也 是 帮助 用 户 尽快 拿 到 搜索 结果 的 方式 ， 如 图 7 所 


示 。 
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在 即时 反馈 中 也 会 适当 增加 部 分 操作 功能 ， 如 查看 删除 历史 记录 、view all、 展 开 利于 提升 操作 效率 。 在 反馈 结果 中 会 根据 
业务 类 型 及 特性 的 不 同 ， 展 示 文 字 与 图 文 ， 如 美食 、 电 影 类 更 偏好 采用 图 集 的 形式 ， 增 加 产品 的 设计 感 。 


(3) 输入 并 提交 ， 显 示 搜 索 结果 

搜索 结果 页 从 功能 上 用 以 集中 呈现 并 显示 符合 用 户 要 求 的 展示 结果 

每 个 搜索 至 少 包 含 标题 、 搜 索 结果 链接 、 标 题 内 容 概括 。 用 户 通过 进一步 确认 完成 转换 ， 选 择 想 要 的 商品 或 内 容 。 
从 设计 形式 来 看 ， 大 多 数 根据 自身 App 业 务 及 服务 类 型 ,进行 相应 分 类 ， 但 对 搜索 结果 分 类 方式 上 存在 着 差异 : 
分 类 标签 : 如 uvtb 支 持 地 理 位 置 、 电 影 和 多 媒体 的 搜索 服务 ， 向 用 户 提供 相关 性 更 强 的 信息 


* 分 区 快 呈 现 : 如 豆 准 、 去 哪儿 按 内 容 类 型 进 ， 支 持 酒店 、 度 假 等 产品 类 信息 及 服务 。 


第 3 节 ”支付 宝 内 的 搜索 场景 


支付 宝 最 初 只 是 一 个 简单 的 信用 支付 工具 ， 但 经 过 多 年 的 发 展 ， 不 断 地 扩展 用 户 的 使 用 场景 ， 细 分 不 同类 型 用 户 的 需求 ， 现 
如 今 ， 已 发 展 成 为 以 支付 为 基础 、 满 足 用 户 各 类 型 生活 需要 的 综合 功能 App。 比 如 ， 转 账 ， 信 用 卡 还 款 ， 手 机 充值 ， 生 活 缴费 ， 
查 公积金 ， 医 疗 挂 号 ， 找 附近 的 店铺 ， 点 外 卖 ， 借 款 .……. 其 业务 类 型 如 图 8 所 示 。 


如 此 强大 的 生活 功能 应 用 ， 承 载 着 如 此 多 的 功能 ， 用 户 在 不 同 的 场景 下 ， 需 要 使 用 不 同 的 服务 ， 除 常用 的 功能 在 首页 能 够 快 
速 打开 以 外 ， 还 会 使 用 搜索 找到 想 要 的 业务 功能 。 而 如 何 让 用 户 通过 搜索 快速 找到 想 要 的 业务 功能 ， 是 搜索 产品 要 解决 的 问题 ， 
也 是 所 有 搜索 最 核心 的 指标 之 一 。 同 时 支付 宝 内 的 业务 功能 繁多 ， 一 个 用 户 一 般 都 会 有 常用 的 几 个 ， 而 搜索 的 流量 巨大 ， 所 以 搜 
索 承 载 着 另 一 个 重要 的 任务 : 帮助 用 户 发 现 支 付 宝 内 的 其 他 业务 功能 ， 提 升 转化 。 搜 索 功能 产品 设计 时 ， 一 直 围绕 以 上 目标 进行 
设计 方案 的 推演 。 
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要 对 支付 宝 搜索 进行 改进 与 体验 提升 ， 第 一 个 要 解决 的 问题 就 是 分 析 、 研 究 清楚 现 有 的 问题 是 什么 ， 用 户 使 用 搜索 的 诉求 习 
惯 有 哪些 。 定 位 出 具体 要 改进 优化 的 问题 ， 从 而 设计 合理 的 解决 方案 。 


(1) 识别 频繁 出 现 且 有 价值 的 搜索 页 面 类 型 ， 围 绕 特 定 内 容 类 型 设计 搜索 结果 页 面 

` 任务 型 : 手机 充值 、 芝 麻 信 用 、 来 分 期 、 我 的 快递 、 我 要 缴 罚款 ……， 

- 空间 及 时 间 : 附近 哪里 有 停车 位 、 平 安保 险 、 滴 滴 代 驾 、 口 碑 …… 

` 社交 关系 : 朋友 消息 提醒 、 聊 天 记录 ……: 

. 跨 类 型 连续 性 : 如 用 户 关注 芝麻 信用 ， 通 过 分 期 在 去 啊 预 订 出 行 ， 同 时 在 朋友 圈 分 享 并 协同 帮助 ……: 
(2) 确定 每 个 页 面 类 型 用 户 的 潜在 需求 


如 用 户 搜索 资讯 ， 标 题 和 图 片 能 够 在 相对 较 短 的 时 间 内 ， 帮 助 用 户 判 断 是 否 是 所 关心 的 内 容 。 文 章 的 标题 和 图 片 ， 在 资讯 中 
言 息 布局 相对 较 高 ， 通 过 分 期 预订 出 行 ， 则 可 以 通过 相关 内 容 推荐 或 分 享 协 同 ， 来 满足 用 户 的 特定 需求 。 每 个 页 面 类 型 用 户 的 潜 
在 需求 不 一 样 ， 采 用 的 设计 策略 也 有 所 侧重 。 


(3) 识别 每 个 特定 页 面 类 型 可 能 出 现 的 问题 


如 用 户 对 自身 的 需求 并 没有 那么 明确 ， 或 者 用 户 没有 发 觉 App 中 存在 他 所 需要 的 内 容 ， 可 以 通过 搜索 热 词 ， 把 用 户 认 为 有 趣 
的 内 容 推 荐 给 其 他 的 用 户 ， 通 过 用 户 推荐 的 有 效 途径 ， 来 帮助 其 他 用 户 发 现 所 需要 的 内 容 。 


2. 支 付 宝 搜索 需 解决 的 问题 

支付 宝 搜索 需要 解决 如 下 几 个 问题 。 

第 一 ， 如 何 更 加 方便 用 户 找到 感 兴趣 的 Group， 定 义 每 个 人 的 差异 化 ， 进 而 因 人 而 异地 提供 “适合 个 人 ”的 搜寻 结果 。 
第 二 ， 解 决 多 样 性 与 结果 细节 冲突 ， 优 化 搜索 页 类 型 呈现 细节 上 且 具备 差异 性 。 


第 三 ， 结 合用 户 场 景 ， 识 别 频繁 且 有 价值 的 搜索 行为 ， 根 据 用 户 的 习惯 、 历 史 、 安 排 同 步 等 方式 ， 自 动 推送 适合 的 信息 与 形 
式 ， 如 Card、suggest、 通 知 、 搜 索 排序 。 为 了 得 到 更 好 的 搜索 体验 ， 用 户 对 响应 时 间 的 要 求 也 越 来 越 高 ， 算 法 不 断 改进 ， 服 务 
负载 的 压力 、 用 户 响 应 时 间 的 限制 ， 计 算 性 能 与 搜索 体验 之 间 一 直 是 存在 矛盾 的 。 底层 检索 的 性 能 越 好 ， 所 能 查找 的 候选 文档 越 
多 ， 所 留 给 排序 优化 的 时 间 越 多 ， 越 能 使 用 更 丰富 的 特征 和 更 复杂 的 算法 ， 达 到 更 好 的 排序 效果 。 简 而 言 之 ， 性 能 越 高 ， 效 果 提 
升 空间 越 大 。 

在 支付 用 户 搜索 场景 中 ， 用 户 对 探索 式 搜索 需求 在 逐步 加 强 ， 而 用 户 的 目标 是 不 确定 的 ， 但 它们 参与 搜索 的 全 过 程 。 如 突出 
业务 类 型 看 用 户 搜索 过 程 的 实质 是 用 户 做 出 决策 、 引 导 搜索 的 过 程 。 用 户 已 经 清楚 问题 ， 只 是 忘记 了 在 哪里 可 以 找到 这 些 信息 ， 
可 采用 查找 式 搜索 。 


在 考虑 整体 的 搜索 设计 的 过 程 中 ， 从 用 户 的 使 用 流程 进行 设计 与 思考 ， 分 拆 各 个 细 分 流程 ， 再 统一 规划 整个 搜索 流程 的 架构 


框架 。 
(1) 搜索 前 


1) 搜索 功能 入 口外 露 ， 方 便 用 户 识别 。 现 在 搜索 形式 采用 固定 位 置 ， 设 计 形式 为 类 目 入 口 ， 在 激活 状态 中 增加 不 同类 目的 
布点 ， 如 图 9 所 示 。 





图 9 搜索 入 口外 露 


2) 用 户 对 搜索 入 口 的 感知 较 弱 。 支 付 宝 搜索 作为 通用 搜索 ， 变 得 相对 重要 ， 可 固定 在 项 部， 通过 搜索 功能 外 露 ， 容 纳 大 多 
数 搜索 请 求 。 


3) 增加 语音 搜索 语音 输入 ， 作 为 用 户 找 寻 信 息 多 途径 的 布点 。 用 户 可 以 通过 语音 完成 应 用 直达 ， 如 “我 要 转账 给 小 明 500 
元 ”， 自 动 呼出 转账 功能 ， 经 过 用 户 确认 即 可 短 时 间 内 完成 转账 。 


在 搜索 的 主 界面 提供 分 类 搜索 入 口 : 方便 用 户 快速 定位 ， 直 接 垂 直 搜 索 自己 想 要 的 分 类 结果 ， 如 图 10 所 示 。 比 如 ， 有 的 用 
户 ， 只 想 找 人 ， 通 过 分 类 入 口 直接 进入 ， 并 且 我 们 会 基于 用 户 的 使 用 习惯 ， 如 常 和 谁 联系 ， 前 不 久 和 谁 转 过 账 ， 在 谁 的 生活 圈 刚 
点 过 赞 ， 将 这 些 各 种 各 样 的 联系 因子 加 入 推荐 权重 中 ， 以 便 在 联系 分 类 搜索 页 面 直接 展示 ， 目 的 就 是 让 用 户 不 通过 输入 文字 ， 最 
大 的 概率 看 到 自己 当前 想 要 找 的 用 户 。 还 有 查找 应 用 、 口 碑 等 分 类 。 


如 何 决 定 在 搜索 首页 放置 哪 几 个 垂直 分 类 入 口 ? 我 们 主要 从 数据 分 析 的 角度 了 解 用户 的 搜索 使 用 习惯 ,定位 出 用 户 常用 的 几 
个 大 类 ， 再 从 当前 的 支付 宝 业务 中 心 的 角度 ， 综 合 手机 界面 的 布局 展现 等 几 个 因素 ， 最 终 定位 展示 应 用 、 联 系 人 、 口 碑 、 生 活 
号 、 资 讯 几 个 分 类 入 口 。 
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图 10 ”垂直 分 类 入 口 





在 数据 研究 中 发 现 ， 搜 索 有 一 定 的 跳出 率 ， 也 就 是 用 户 进入 搜索 界面 ， 什 么 都 没有 操作 就 返回 了 。 另 外 ， 在 支付 宝 做 运营 活 
动 的 时 候 ， 比 如 年 度 账单 、 肯 德 基 在 支付 宝 发 优惠 券 、 优 酷 会 员 活 动 等 ， 在 这 些 活动 日 期 内 ， 用 户 相关 活动 的 搜索 行为 量 猛 增 ， 
基本 达到 原来 的 两 倍 以 上 。 还 有 一 些 关 键 词 是 用 户 经 常 搜索 的 ， 比 如 “ 曲 蚁 花 呐 。“ 借 喘 。 “芝麻 信 用 ”。 


同样 是 为 了 减少 用 户 输入 成 本 ， 降 低 搜 索 跳 出 率 ， 在 首页 规划 出 了 大 家 都 在 搜 模块 ， 模 块 天 键 词 基于 几 个 维度 进行 选择 : @ 
用 户 常 搜 的 ， 每 次 从 常 搜 的 词 库 中 抽 选 几 个 展示 ; 名 当前 正在 进行 的 活动 相关 关键 词 ，@ 用 户 的 历史 搜索 ，@ 当 前 要 推 的 相关 业 
务 ; @@ 用 户 的 个 性 化 行为 。 如 图 11 所 示 。 


(2) 搜索 中 


在 搜索 中 加 入 了 联想 词 功 能 ， 同 时 会 基于 用 户 的 支付 宝 使 用 习惯 ， 搜 索 联想 词 做 了 个 性 化 处 理 。 联 想 词 主要 解决 用 户 两 个 问 
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图 11 搜索 推荐 词 


直接 呈现 结果 ， 即 用 户 输入 一 个 字符 ， 基 于 这 个 字符 ， 结 合算 法 ， 优 先 展现 出 他 想 找 的 结果 。 比 如 刚 输入 “ 招 ” 字 ， 就 能 
一 呈现 招商 银行 信用 卡 服务 窗 的 结果 。 方 便 一 步 到 位 ， 不 用 再 到 信息 繁多 的 搜索 结果 页 面 进行 选择 。 


减少 输入 成 本 ， 比 如 用 户 享 受 海底 捞 ， 刚 输入 一 个 h， 联 想 词 就 直接 出 现 海底 捞 ， 直 接点 击 该 集合 关键 词 就 可 以 搜索 “海底 
捞 ” 这 个 关键 词 的 搜索 内 容 。 同 时 基于 不 同 的 用 户 行为 偏好 ， 点 击 海底 捞 ， 出 现 的 结果 页 面 ， 搜 索 结果 的 排序 会 有 差异 。 如 果 A 
用 户 经 常 使 用 口碑 功能 ， 那 默认 展现 给 他 的 口碑 的 结果 排 在 第 一 个 ;如 果 这 个 用 户 经 常 使 用 服务 窗 ， 那 结果 第 一 展现 的 就 是 服务 
窗 相 关 结 果 。 搜 索 联想 如 图 12 所 示 。 





图 11 搜索 推荐 词 


(3) 搜索 后 


根据 最 终 关键 词 ， 展 示 搜索 结果 。 支 付 宝 业务 功能 如 此 之 多 ， 一 个 关键 词 能 够 召回 各 种 类 型 的 结果 。 目 前 支付 宝 能 搜索 到 的 
数据 类 型 有 10 多 种 ， 如 联系 人 、 群 聊 、 应 用 、 服 务 窗 、 口 碑 、 电 影 、 股 票 等 。 如 此 多 的 数据 类 型 ， 在 有 限 的 手机 屏幕 上 合理 呈 
现 是 一 个 难题 。 为 解决 这 一 难题 ， 我 们 把 常用 的 分 类 在 顶部 通过 Tab 进 行 展示 。 


搜索 结果 页 面 作 为 呈现 用 户 所 需 信息 的 关键 页 面 ， 扮 演 着 至 关 重 要 的 角色 : 一 方面 结合 不 同 搜索 类 型 体现 整个 搜索 结果 的 丰 
富 多 样 性 ; 另 一 方面 搜索 结果 页 面 需要 考虑 适度 多 样 化 的 展示 ， 帮 助 用 户 识 别 是 否 为 所 需 信息 ， 避 免 多 含义 的 搜索 词 ， 匹 配 出 相 
关 性 较 低 的 搜索 结果 。 


* 在 设计 中 需 寻 找 一 个 平衡 点 : 如 何 合理 利用 手机 屏幕 空间 ， 找 出 每 个 类 型 所 需 的 关键 信息 ， 简 单 明 了 ， 同 时 需要 避免 遗漏 
重要 字段 。 


* 考虑 用 户 特点 及 当前 与 更 广泛 的 场景 。 
` 突出 关键 匹配 字段 。 


. 保持 设计 一 致 性 ， 各 分 类 结果 切换 时 ， 保 证 信息 阅读 的 顺畅 度 ， 如 图 13 所 示 。 
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图 13 ”搜索 结果 分 Tab 切 换 


第 4 节 ”制定 数据 指标 ， 验 证 设计 合理 性 
一 切 可 执行 、 可 落地 的 设计 ， 都 应 该 评判 设计 的 合理 性 。 设 计 方案 是 否 有 效 ， 是 否 达 到 了 最 初 的 设计 目标 与 产品 目标 ， 可 通 
过 数据 分 析 、 用 户 反馈 、 用 户 访谈 、 用 户 测试 等 方法 来 验证 。 


为 验证 整个 设计 方案 的 可 行 性 与 合理 性 ， 我 们 从 数据 分 析 的 角度 ， 从 以 下 几 个 方面 收集 上 线 后 的 数据 ， 来 验证 具体 的 合理 
性 。 


1) 热门 搜索 的 点 击 率 是 否 有 提升 。 有 具体 活动 时 ， 相 关 关键 词 点 击 是否 飙 升 。 如 果 数 据 提 升 ， 则 说 明 热 门 搜索 功能 模块 存 


在 的 必要 性 ， 可 以 成 为 具体 运营 活动 的 一 个 快捷 入 口 。 


2) 搜索 过 程 中 ， 搜 索 结果 中 的 点 击 率 是 否 大 部 分 转移 到 搜索 联想 界面 。 搜 索 联 想 词 点 击 率 的 提高 ， 说 明 联想 天 键 词 符合 
户 预 期 。 


3) 搜 的 关键 词 平均 词 长 是 否 缩短 ， 关 键 词 评价 词 长 缩短 ， 能 很 好 地 证 明 联想 词 的 功能 降低 了 用 户 的 输入 成 本 。 


4) 搜索 结果 页 前 3 条 结果 的 点 击 率 是 否 增加 。 用 户 最 想 要 的 ， 第 一 时 间 呈 现 ， 搜 索 越 靠 前 的 点 击 率 越 高 ， 表 明 搜 索 结果 召 
回 的 准确 性 。 


通过 制定 对 应 的 验证 指标 ， 方 便 我 们 跟踪 上 线 后 具体 情况 ， 以 评估 和 具体 的 设计 方案 的 有 效 性 ， 同 时 能 针对 具体 问题 ， 再 进行 


搜索 的 设计 和 其 他 产品 的 设计 一 样 ， 应 不 断 和 迭代 升级 。 随 着 产品 的 发 展 ， 不 同时 期 的 业务 侧重 点 不 一 样 ， 都 要 做 出 相应 的 调 
整 。 每 个 时 期 都 有 对 应 的 产品 策略 ， 设 计 师 要 了 解 具体 的 产品 策略 与 公司 战略 目标 ， 再 转化 到 个 人 负责 的 设计 目标 上 ， 在 充分 理 
解 用 户 的 基础 上 ， 发 挥 设 计 师 的 个 人 技能 ， 设 计 出 对 用 户 和 公司 都 有 利 的 设计 解决 方案 。 


相对 来 说 ， 与 其 他 业务 功能 设计 相 比 ， 界 面 的 使 用 流程 相对 简单 ， 需 要 设计 师 了 解 搜索 背后 算法 规则 ， 以 减少 用 户 输 入 ， 降 
低 成 本 ， 最 快 时 间 找 到 相应 结果 为 目标 ， 从 搜索 入 口 输入 中 一 一 结果 展现 几 个 关键 环节 ， 找 到 合理 的 解决 方案 。 需 要 思考 每 
个 细 分 流程 中 要 展现 的 内 容 有 哪些 ， 背 后 需要 什么 算法 规则 支持 。 
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移动 支付 是 近 几 年 来 十 分 受 关注 的 发 展 方向 ， 它 也 常 被 称 作 手机 支付 。 移 动 支付 允许 用 户 使 用 移动 终端 对 商品 或 服务 进行 账 
务 支 付 ， 直 接 或 间接 与 金融 机 构 发 生 货 币 、 资 金 转移 。 移 动 支付 是 移动 终端 由 通信 工具 向 个 人 服务 终端 转变 时 的 功能 扩展 ， 也 是 
移动 设备 在 互联 网 产业 发 展 过 程 中 的 价值 体现 。 支 付 宝 (Alipay) 作为 国内 最 早 涉及 移动 支付 领域 的 产品 ， 除 了 注重 金融 支付 、 
安全 保障 、 个 人 理财 、 信 用 借贷 等 功能 的 构建 ， 在 移动 支付 体验 设计 中 也 积累 了 大 量 的 经 验 。 





2016 年 2 月 底 ， 就 在 “部 业 福 ” 横 要 社交 圈 不 足 1 个 月 的 时 候 ，“ 安 车 版 支付 宝 隐 私 门 ”再 次 吸引 了 大 家 的 注意 。 有 网 友 爆 
料 ， 支 付 宝 Android 版 每 隔 几 分 钟 就 会 在 后 台 局 动 摄像 头 进行 拍照 、 录 音 ， 甚 至 会 扫描 通讯 录 、 通 话 记 录 等 信息 。 该 事件 在 全 国 
各 大 媒体 上 转载 传播 ， 一 时 间 ， 用 户 对 支付 宝 的 安全 性 提出 了 质疑 。2 月 23 日 下 午 ， 支 付 宝 官方 微 博 针对 “隐私 门 ”事件 做 出 回 
应 ， 并 通过 公关 、 窜 服 向 用 户 表明 : 支付 宝 客户 端 提示 调用 摄像 头 拍照 、 录 音 这 样 的 权限 ， 只 会 根据 功能 的 需要 申请 ， 没 有 也 不 
会 去 侵犯 、 泄 露 用 户 的 隐私 信息 。 支 付 宝 获取 手机 摄像 头 及 麦克 风 权 限 的 事情 触动 了 很 多 用 户 的 神经 ， 实 际 上 程序 调用 硬件 权限 
是 为 了 提供 二 维 码 扫 描 、 语 音信 息 等 功能 。 但 大 部 分 用 户 对 设备 权限 知识 并 不 了 解 ， 一 种 受到 威胁 的 感觉 油 然 而 生 ， 对 自己 的 财 


产 安 全 、 隐 私 安全 颇 为 担忧 。 





第 1 节 “移动 支付 中 的 安全 感 ” 技 术 接 受 模 型 


安全 感 构 建 作为 金融 产品 的 核心 要 素 之 一 ， 确 保 了 用 户 在 使 用 移动 支付 时 的 良好 体验 。 移 动 支付 安全 的 目标 是 保护 数据 及 服 


务 ， 其 基本 安全 特征 包括 真实 性 、 完 整 性 和 封闭 性 。Davis 的 “计算 机 技术 接受 模型 ”是 认 知 科学 与 现代 信息 技术 领域 最 权威 的 
安全 感 评价 模型 。2007 年 ，Davis 基 于 风险 与 行为 分 析 专 家 Paul Slovic 教 授 的 KISCAP 理 论 完 善 了 众所周知 的 计算 机 技术 接受 模 
型 (Technology Acceptance Model，TAM) ， 更 清晰 地 描述 了 用 户 对 产品 或 服务 的 接受 程度 。TAM 认 为 个 人 使 用 系统 的 安 
全 感 由 行为 意向 决定 ， 行 为 意向 由 个 体 对 系统 的 感知 易 用 性 (Perceived ease of use) 和 感知 有 用 性 (Perceived 
usefulness) 共同 决定 ， 感 知 有 用 性 同时 又 受到 外 在 变量 和 感知 易 用 性 的 影响 。 “移动 支付 中 的 安全 感 ” 技 术 接受 模型 如 图 1 所 
示 。 

从 移动 支付 的 角度 入 手 ， 影 响 安全 感 的 外 在 变量 主要 有 用 户 知识 背景 、 消 费 环 境 、 金 融 服 务 商 等 ， 感 知 有 用 性 和 感知 易 用 性 
均 来 自 支 付 服务 本 身 ， 构 建 移动 支付 产品 的 安全 感 即 可 以 从 这 两 个 方面 展开 。 其 中 提高 产品 的 感知 易 用 性 的 方法 如 下 : 


提高 用 户 对 产品 的 掌控 度 


在 场景 中 减少 用 户 不 安 情绪 
外 在 变量 集中 隐私 控制 






感知 有 用 性 









用 户 知识 背景 行为 意愿 实际 行动 
消费 环 

肖 费 环境 安全 感 移动 支付 
SR 感知 易 用 性 






提高 支付 体验 与 记忆 模型 的 匹配 度 
利用 感性 元 素 传达 安全 体验 
图 1 “移动 支付 中 的 安全 感 ”技术 接受 模型 
. 提高 支付 体验 与 记忆 模型 的 匹配 度 。 
. 利用 感性 元 素 传达 安全 体验 。 
提高 产品 感知 有 用 性 的 方法 如 下 : 
` 提高 用 户 对 产品 的 掌控 度 。 
. 在 场景 中 减少 用 户 不 安 情绪 。 


“ 集中 隐私 控制 。 


第 2 节 ”提高 支付 体验 与 记忆 模型 的 匹配 度 


人 类 从 上 古 时 期 就 作为 社会 动物 存在 于 自然 界 中 ， 会 有 意识 地 和 熟悉 的 事物 亲近 ， 其 目的 在 于 减少 劳动 成 本 、 不 确定 因素 ， 
更 好 地 提高 族群 存活 率 。 提 高 支付 体验 与 用 户 记 忆 模 型 的 匹配 度 ， 可 以 帮助 用 户 构建 一 个 放松 的 使 用 环境 ， 最 大 限度 地 复制 用 户 


既 有 的 使 用 经 历 ， 帮 助 用 户 远 离 未 知 的 恐 届 ， 它 是 构建 安全 感 的 捷径 。 


在 移动 支付 中 ， 使 用 传统 模型 ， 可 以 避免 打破 心理 预期 ， 减 少 认 知 负担 ， 显 著 体现 了 记忆 唤醒 对 安全 感 保 护 的 作用 。 日 常生 
活 中 ， 掏 出 钱包 ， 抽 出 信用 卡 ， 在 消费 完 后 将 信用 卡 再 插入 钱包 ， 用 户 对 这 个 操作 习惯 已 经 十 分 熟悉 了 ，“ 卡 应 该 被 置 于 钱包 
中 ”这 个 认 知 模型 也 为 用 户 所 接受 。 支 付 宝 “ 我 的 银行 卡 ”页 面 ， 显 示 了 用 户 已 添加 的 银行 卡 ， 卡 片 模拟 了 钱包 的 形态 ， 有 层次 
地 插 放 于 卡 包 的 缝 中， 点 击 相应 的 卡片 即 进入 该 银行 卡 的 详细 信息 页 。 向 “钱包 ”中 添加 “ 卡 ” 的 模型 ， 相 比 仅 提 供 数字 账号 和 
按钮 的 软件 ， 可 以 最 大 限度 减少 用 户 的 不 安 和 焦虑 。 在 Wallet 和 PayPal 中 ， 添 加 卡片 虽然 采用 了 扁平 化 的 视觉 设计 风格 ， 但 依 
然 模 仿 了 现实 生活 中 的 实体 产品 ， 添 加 的 项 目 以 “ 卡 ” 命 名 ， 展 现 方式 也 采用 了 “卡片 ”样式 ， 如 图 2 所 示 。 
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现实 中 的 钱包 支付 宝 一 我 的 银行 卡 Wallet 及 PayPal 


图 2 ”支付宝 “我 的 银行 卡 ” 的 卡片 样式 &Wallet、PayPal 


统一 设计 规范 ， 在 不 同 场景 调用 同一 个 控件 可 以 减少 用 户 的 认 知 负担 。 以 红 蓝 为 主 色 的 警报 灯 在 世界 各 地 有 一 致 的 合 义 ,不 
论 身 处 何 地 ， 只 要 看 到 交 蔡 闪烁 的 红 蓝 和 警报 灯 ， 用 户 都 可 以 向 当地 警方 进行 求助 ， 场 景 的 切换 并 没有 导致 熟悉 感 的 降低 。 移 动 支 
付 时 ,调用 统一 控件 可 以 快速 将 用 户 拉 入 熟悉 的 支付 环境 中 。 支 付 宝应 用 程序 接口 (Alipay AP1) 提供 收银 台 调 用 服务 ， 任 何 有 
支付 授权 的 产品 使 用 付款 服务 时 ， 均 可 以 调用 同一 个 支付 宝 收银 控件 ， 包 含 付款 信息 展示 、 密 码 输 入 、 付 款 方式 选择 、 支 付 帮助 
等 功能 。 当 用 户 使 用 最 新 版 的 淘宝 、 天 猫 、 淘 宝 电 影 、 闲 鱼 等 阿里 巴巴 旗下 电 高 产品 时 ， 支 付 流程 中 都 可 以 见 到 完全 相同 的 支付 
宝 收 银 台 控件 ， 统 一 的 体验 减少 了 用 户 在 不 同 环境 中 的 陌生 感 、 焦 虑 感 ， 如 图 3 所 示 。 
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图 3 统一 的 支付 宝 收银 台 控 件 


第 3 节 ”利用 感性 元 素 传达 安全 体验 


中 国有 名 古话 叫 “ 酒 香 不 怕 巷 子 深 ”， 意 思 就 是 如 果酒 酿 得 好 ， 就 是 在 很 深 的 巷子 里 ， 也 会 有 人 闻 到 香味 ， 前 来 品尝 ， 除 了 
酒 本 身 口味 好 ，“ 好 闻 ” 也 是 捕获 用 户 的 重要 手段 。 在 移动 支付 产品 中 ， 安 全 体验 除了 受到 技术 、 数 据 的 理性 影响 ， 还 会 受到 文 
案 、 图 像 、 色 彩 、 调 性 的 感性 影响 。 


亚马逊 在 感性 传达 安全 体验 上 做 得 十 分 优秀 。 亚 马 逊 在 2009 年 开始 进入 电 商 业务 人 群 扩 张 的 “瓶颈 ”期 ,年轻 人 作为 用 户 
主体 已 毋庸 置疑 ， 但 是 年 长 用 户 还 是 不 能 接受 网 购 这 个 “看 不 见 、 摸 不 着 ”的 非 实体 交易 。 从 2010 年 开始 ， 亚 马 逊 在 登录 窗口 
将 登录 与 注册 按钮 放 在 一 起 ， 并 在 其 注册 按钮 上 以 文字 直接 表达 了 它 的 安全 服务 ， 改 “sign in ”为 “sign in using our secure 
server”， 在 使 用 网 站 的 第 一 步 帮 助 目标 用 户 跨 过 心理 障碍 ， 结 合 其 他 体验 优化 手段 ， 成 功 解决 了 人 群 扩张 问题 ，60 岁 以 上 用 户 
出 现 明 显 增长 。 从 2014 年 开始 ， 亚 马 逊 又 调整 了 其 登录 按钮 的 文案 ， 重 新 使 用 “sign in” ， 代 表 业 务 发 展 进 入 新 的 阶段 ， 如 图 4 
所 示 。 在 关键 的 操作 步骤 中 利用 文案 ， 直 接 传达 安全 状态 ， 可 以 提高 用 户 对 移动 支付 安全 体验 的 感知 度 。 
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图 4 “亚马逊 2009 年 、2010 年 与 2014 年 登录 界面 对 比 


信息 安全 产品 在 视 党 表现 层 ， 通 过 图 形 、 色 彩 等 手段 来 构建 冷静 、 稳 重 的 感觉 ， 向 用 户 传达 可 靠 感 、 安 全 感 。 以 拟 物 的 形式 
模仿 现实 生活 中 有 安全 感 的 物件 ， 如 城墙 、 盾 牌 、 齿 轮 、 锁 等 ， 能 够 从 视觉 形象 层面 响起 用 户 的 同类 记忆 ， 加 快 用 户 对 产品 安全 
感 的 认同 。 冷 静 、 稳 重 的 色彩 也 能 够 起 到 安慰 作用 ， 尤 其 在 大 金额 交易 中 ， 喧 露 、 艳 丽 的 色彩 会 提高 用 户 的 兴奋 感 ， 同 时 也 影响 
了 严谨 的 支付 氛围 ， 增 加 了 支付 体验 中 的 不 确定 感 。 以 著名 的 几 款 安全 软件 为 例 ， 它 们 色彩 搭配 协调 、 冷 静 ， 总 体 饱和 度 不 高 ， 

趋向 简洁 明快 。 McAfee 使 用 了 金属 、 盾 牌 的 视觉 元 素 ，Avira 使 用 了 锁 和 伞 的 元 素 ， 阿 里 巴巴 旗下 的 阿里 钱 盾 也 使 用 了 盾牌 的 

元 素 ， 如 图 5 所 示 。 早 期 的 支付宝 以 担保 交易 为 主要 业务 ， 熟 悉 的 黄 蓝 两 色 盾牌 标志 也 是 在 当时 设计 的 。 如 今 ， 支 付 宝 由 单纯 的 
支付 工具 ， 变 成 了 生活 入 口 ， 覆 盖 了 用 户 日 常 吃喝 玩乐 的 每 个 角落 ， 整 体 上 不 再 依靠 简单 的 视觉 元 素 提供 安全 体验 ， 而 通过 色 

彩 、 文 案 等 细节 ， 确 保 产 品 的 调 性 ， 维 护 了 支付 宝 长 久 以 来 冷静 、 稳 重 的 风格 ， 以 深 灰色 为 主 色 ， 加 入 了 明快 的 蓝 色 ， 提 高 了 产 
品 的 活泼 度 ， 却 又 不 失 安 全 感 。 
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图 5 知名 安全 产品 使 用 的 视觉 元 素 


第 4 节 ”提高 用 户 对 产品 的 掌控 度 


黑暗 之 所 以 让 人 感到 玖 惧 ， 是 由 于 未 知 ， 人 类 面 对 未 知 的 事物 ， 会 感到 自己 对 事物 的 掌控 度 和 影响 力 显著 降低 ， 焦 虑 与 紧张 
的 情绪 会 带 来 安全 感 的 缺失 。 如 果 从 主客 观 的 角度 评价 用 户 对 移动 支付 产品 的 掌控 度 ， 主 观 掌 控 意 味 着 用 户 对 产品 有 信任 感 ， 认 
为 自己 在 移动 支付 的 流程 中 占 主导 地 位 ， 能 实时 了 解 业务 进度 ， 客 观 掌 控 意 味 着 用 户 在 实际 操作 中 对 产品 进度 有 绝对 的 控制 力 ， 
可 以 随时 打 断 、 继 续 、 返 回 、 终 止 。 提 高 用 户 对 产品 的 掌控 度 ， 意 味 着 需要 确保 信息 对 等 ， 提 供 实 时 进度 反馈 ， 关 键 操作 可 逆 。 


移动 支付 流程 严谨 、 规 范 ， 每 一 步 的 更 迭 递 进 都 伴随 着 信息 的 “输入 一 一 确认 一 一 输入 一 一 确认 ”过 程 ， 在 设计 中 一 定 要 
告知 用 户 实 时 进度 ， 对 每 个 关键 性 操作 给 予 反馈 ， 尤 其 在 用 户 输入 信息 、 确 认 信 息 、 输 入 密码 等 行为 后 给 出 确定 性 的 进度 提示 ， 
减少 用 户 在 任务 旅程 中 的 迷失 。 进 度 反馈 意味 着 : 内 容 可 接受 、 位 置 可 感知 、 结 果 可 期 待 。 实 时 进度 反馈 能 够 极 大 地 提高 用 户 的 
掌控 感 及 对 产品 的 信任 ， 继 而 获得 充实 的 安全 感 。 支 付 宝 转账 到 银行 卡 功能 由 于 方便 、 快 捷 、 实 惠 等 优势 受到 广大 用 户 的 喜爱 ， 
转账 到 银行 卡 相 比 于 转账 到 好 友 流 程 更 加 严谨 ， 通 常 金额 也 更 大 。 资 金 量 的 增长 意味 着 用 户 需 要 更 强 的 安全 感 ， 使 用 过 程 中 的 信 
息 确 认 、 结 果 反 馈 都 是 用 户 十 分 关注 的 内 容 。 支 付 宝 转账 到 银行 卡 在 转账 行为 中 ， 确 保 每 一 次 信息 输入 都 是 可 取消 、 可 打 断 的 ， 
在 用 户 最 终 确认 付款 前 ， 每 一 个 流程 都 是 可 逆 的 ， 给 了 用 户 足够 的 掌控 度 。 在 转账 任务 结束 后 ， 由 于 到 账 机 制 的 限制 ， 支 付 宝 提 
供 了 转账 进度 显示 、 预 期 到 账 时 间 、 转 账 成 功 提示 、 短 信 提 醒 、 手 动 补 发 转账 通知 的 功能 ， 目 的 在 于 通过 实时 信息 的 无 颖 传达 ， 
给 用 户 足 够 的 安全 感 ， 提 高 用 户 对 支付 宝 财务 能 力 的 信任 ， 如 图 6 所 示 。 


付款 成 功 ， 已 提交 银行 处 理 
中 国 工商 改 生 
001 元 


预计 23:14 前 到 账 


去 账单 查看 进 柑 > 


二 自己 的 横行 王 镍 此， 到 到 后 克 州 宝 合 造 辽 消 外 中 必 带 交 仔 通知 对 方 。 续 黎 款 人 牙 遂 转 环 镇 息 
转 陈 到 
再 和 由 等 联 到 乔 行 大 -条 妖 
到 中 时间 ”2 小 时 内 到 条 


他 孝 阴 是 ”全 类 裤 


亨 建 可 间 2010-04-17 2014 





图 6 支付 宝 转账 到 银行 卡 进度 反馈 


第 5 节 ”在 场景 中 减少 用 户 不 安 情绪 


移动 支付 设计 ， 在 场景 中 征询 权限 ， 能 够 降低 对 用 户 隐私 的 入 侵 感 。 试 想 第 一 次 进入 一 家 汽车 销售 商店 ， 就 被 要 求 留 下 手机 
号 、 邮 箱 ， 以 便 传 达 广 告 信息 ， 相 信 大 部 分 人 都 会 拒绝 ， 而 在 消费 者 查看 了 大 量 商品 ， 与 销售 人 员 相 聊 甚 次 时 ， 提 出 留 下 联系 方 
式 就 很 容易 获得 认可 。 这 种 情境 化 的 请 求 模式 让 用 户 对 即将 发 生 的 隐私 权限 获取 更 有 预期 。 


支付 宝 从 9.0 版 本 开始 ， 大 打 社 交 牌 ， 建 立 朋 友 联 系 、 互 加 支付 宝 好 友 。 有 转账 往来 的 用 户 和 手机 通讯 录用 户 成 了 支付 宝 好 
友 关 系 的 第 一 批 建 立 者 ， 在 支付 宝 9.4 版 本 及 之 前 的 版 本 中 ， 用 户 安装 完 支 付 宝 ， 打 开 程 序 时 会 收 到 要 求 访问 通讯 录 的 权限 请 
求 ， 用 户 在 看 到 | 支付 宝 首 页 时 就 被 要 求 提供 通讯 录 权 ， 显 著 削 弱 了 财富 安全 感 ， 当 时 权限 通过 率 不 足 两 成 ， 极 大 地 影响 了 支付 宝 
建立 朋友 关系 的 进程 ， 对 转账 、 手 机 充值 、 红 包 等 业务 都 产生 了 不 小 的 限制 。 


9.5 版 本 后 ， 当 用 户 安装 完 支 付 宝 ， 应 用 程序 不 会 在 进入 应 用 时 向 用 户 征询 手机 通讯 录 权 限 ， 而 是 在 用 户 进入 朋友 标签 、 添 
加 朋友 、 发 起 群 聊 等 场景 时 ， 再 向 用 户 请 求 ， 让 用 户 对 支付 宝 获取 隐私 权限 有 所 理解 ， 并 调整 了 说 明文 案 ， 由 “支付 宝 想 要 访问 
你 的 通讯 录 ” 改 为 “支付 宝 想 要 访问 你 的 通讯 录 ， 可 以 找到 通讯 录 中 的 支付 宝 朋 友 ， 支 付 宝 不 会 保存 你 的 通讯 录 内 容 ”。 在 场景 
中 增加 用 户 对 支付 宝 的 信任 感 。 这 个 改动 使 支付 宝 通 讯 录 权限 获取 率 获得 了 成 倍增 长 ， 其 前 后 对 比如 图 7 所 示 。 








| 支付 宝 9.4 及 以 前 版 本 支付 宝 9.5 及 以 后 版 本 






“支付 宝 " 想 访问 像 钓 通讯 录 


司 以 观 蜗 击 计 责 宁 的 支付 富生 及 。 帮 付 生 
不 例 保 夏 二 内 通 球 旭 为 各 


“ 盔 付 宇 “ 想 访问 你 的 通读 姑 


可 以 找 病 清洁 避 二 的 才 合生 情 友 支付宝 
不 会 重仓 大 的 油 沁 是 内 容 


“ 真 付 宝 " 想 访问 你 的 各 讯 了 姑 


司 以 入 铀 十戒 籽 中 的 支付 生 靖 友 ， 赤 付 重 
下 合 国 开 侈 的 环球 时 内 寥 


“支付 宣 "把 访问 你 的 通航 录 


不 共 许 


和 好 





进入 应 用 即 请 求 权 限 进入 朋友 Fab 从 首页 进入 添加 好 友 ”从 首页 进入 发 起 群 聊 
时 请 求 权 限 时 请 求 权 限 时 请 求 权 限 








图 7 支付 宝 9.5 版 本 前 后 请 求 通讯 录 权 限时 机 对 比 


第 6 节 ”集中 隐私 控制 


隐私 指 的 是 客观 上 对 个 人 事务 、 信 息 或 关系 不 公开 宣传 、 不 愿 被 他 人 知晓 或 干涉 的 事实 或 行为 。 在 移动 支付 产品 中 ， 隐 私 的 
保护 是 构建 安全 感 的 必要 条 件 ， 隐 私 安全 使 用 户 对 产品 信任 ,继而 对 财富 保障 信任 ， 才 有 放心 支付 的 可 能 。 集 中 隐私 控制 ， 将 产 
品 安全 风险 的 最 终 决定 权 交 由 用 户 ， 是 用 户 安全 感 的 最 后 一 层 保障 。 


安 卓 系统 对 应 用 获取 用 户 的 隐私 权限 不 做 限制 的 行为 被 庆 病 不 已 ， 相 较 于 iOS 的 集中 隐私 控制 ， 安 卓 常 常 以 不 安全 的 形象 被 
大 众 认 知 ， 作 为 弥补 ， 谷 歌 在 安 卓 6.0 版 本 中 加 入 集中 隐私 控制 ， 来 确保 用 户 的 安全 感 。“ 权 力 ” 作 为 影响 力 的 度量 尺度 ， 体 现 
了 用 户 在 产品 中 的 主导 地 位 ， 确 保 了 用 户 对 自己 的 隐私 具有 绝对 统治 权 。 在 iOs 9.2.3 中 ，“ 设 置 一 一 隐私 ”项 目 里 ， 用 户 拥 有 
对 设备 中 所 有 应 用 的 统一 管理 权 ， 隐 私 管 理 犹如 一 个 强 有 力 的 国王 ,确保 了 设备 中 每 一 个 应 用 在 自己 的 掌控 中 。 支 付 宝 作为 以 安 
全 为 中 心 的 移动 支付 软件 也 有 统一 的 权限 管理 ，“ 我 的 一 一 设置 一 一 隐私 ”中 ， 用 户 可 以 管理 推荐 机 制 、 个 人 信息 保护 、 搜 索 
机 制 ， 同 样 确保 了 应 用 内 容 在 自己 的 掌控 中 ， 这 种 类 似 集权 统治 的 体验 ， 给 用 户 带 来 了 足够 的 安全 感 ， 如 图 8 所 示 。 


总 结 
在 移动 支付 设计 中 ， 构 建安 全 感 的 主要 方法 有 以 下 几 方 面 。 
` 提高 支付 体验 与 记忆 模型 的 匹配 度 。 
. 利用 感性 元 素 传达 安全 体验 。 
* 提高 用 户 对 产品 的 掌控 度 。 
* 在 场景 中 减少 用 户 不 安 情 绪 。 


集中 隐私 控制 。 








及 
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图 8 iOS 与 支付 宝 隐私 权限 控制 


互联 网 金融 作为 现在 最 受 3 
的 构建 确实 是 一 条 长 足 之 路 。 


引用 : 


[1] Slovic P.Perception of Risk Posed by Extreme 


Events.https://www.ldeo.columbia.edu/chrt/documents/meetings/toundtable/whitepapers.html. 


四 高 斐 .移动 信息 安全 


注 的 科技 领域 之 一 ， 只 有 确保 了 安全 


感知 及 其 对 移动 支付 接受 的 影响 .http://altutll.com/96g2x. 


[3] 周 殊 .基于 移动 支付 安全 感 体验 的 交互 设计 研究 .http://altutl.com/hfz86. 





19 一 切 都 是 为 了 打动 你 


第 1 节 ” 何 为 情感 化 设计 


情感 化 设计 是 旨 在 抓 住 用 户 注 意 力 、 


产品 中 的 情感 化 设计 


诱发 情绪 反应 (有 意识 的 或 无 意识 的 ) 以 提高 执行 特定 行为 的 可 能 性 的 设计 。 


， 用 户 才 会 将 自己 的 资金 财富 交 由 金融 服务 商 管理 ， 人 安全 感 


通俗 地 


感 


讲 ， 就 是 设计 以 某 种 方式 去 刺激 用 户 ， 让 其 有 情感 上 的 波动 。 通 过 产品 的 功能 、 产 品 的 某 些 操作 行为 或 者 产品 本 身 的 某 种 气质 ， 
产生 情绪 上 的 唤醒 和 认同 ， 最 终 使 用 户 对 产品 产生 某 种 认 知 ， 在 他 心目 中 形成 独特 的 定位 。 情 感化 设计 旨 在 扭转 功能 主义 下 技术 
性 凌驾 于 人 情感 之 上 的 局 面 ， 使 得 以 物 为 中 心 的 设计 模式 重新 回归 到 以 人 为 中 心 的 设计 主线 上 。 这 是 一 种 着 眼 于 人 的 内 心情 感 需 
求 和 精神 需要 的 设计 理念 ， 是 一 种 用 来 表达 和 发 挥 设计 师 的 思想 与 设计 目的 创意 工具 。 


随 着 社会 和 科学 技术 的 发 展 ， 用 户 对 产品 满足 人 的 心理 需求 方面 提出 了 更 高 的 要 求 。 随 着 人 们 消费 需求 的 提高 以 及 市 场 竞争 
的 日 益 激烈 ， 人 的 感性 心理 需求 得 到 了 前 所 未 有 的 关注 ， 人 们 已 经 不 再 满足 单纯 的 物质 需求 ， 而 更 多 的 是 向 着 情感 互动 层面 发 
展 。 所 以 情感 化 设计 这 种 创意 工具 将 变 得 日 益 重 要 。 


3 ] 月 / 斌 设 ; 相 一 TO 
第 2 节 ”情感 化 设计 的 三 要 素 
在 唐纳德 . 诺 曼 的 《情感 化 设计 》[ 一 书 中 从 知觉 心理 学 的 角度 揭示 了 人 的 本 性 3 个 特征 层次 ， 即 “本 能 的 、 行 为 的 、 反 思 


的 ”。 


文中 提出 了 情感 和 情绪 对 于 日 常生 活 做 决策 的 重要 性 ， 情 感化 设计 就 是 以 此 为 出 发 点 ， 以 3 种 主要 设计 形式 为 方法 进行 展 
开 。 


(1) 本 能 水 平 的 设计 一 一 通过 产品 的 外 形 和 视觉 表现 力 体现 四 
人 是 视觉 动物 ， 对 外 形 的 观察 和 理解 是 出 自 本 能 的 。 视 觉 设 计 越 是 符合 本 能 水 平 的 思维 ， 就 越 可 能 让 人 接受 并 且 喜 欢 。 
(2) 行为 水 平 的 设计 一 一 使 用 产品 中 的 乐趣 和 效率 体现 D] 


讲究 的 就 是 其 效用 和 性 能 。 在 一 连 串 的 操作 中 ， 美 观 界面 带 来 的 良好 印象 能 否 延 续 ， 天 键 


对 功能 性 的 产品 来 说 ， 使 用 产品 最 
是 否 是 一 种 有 乐趣 的 操作 体验 ， 这 是 行为 水 平 设计 需要 解决 的 问题 。 


在 于 是 否 能 有 效 地 完成 任务 ， 


(3) 反思 水 平 的 设计 一 一 通过 互动 影响 了 产品 的 自我 形象 、 满 意 度 以 及 鲜明 的 记忆 点 向 


反思 水 平 的 设计 与 产品 的 情感 意义 有 关 ， 受 到 环境 、 文 化 、 身 份 、 认 同等 的 影响 。 当 到 达 这 一 层次 时 ， 只 有 在 产品 和 用 户 之 
间 建 立 起 情感 的 纽带 ， 通 过 与 用 户 的 情感 互动 从 而 影响 了 用 户 对 产品 的 印象 、 满 意 度 、 记 忆 等 ， 才 能 形成 用 户 对 产品 的 情感 认 
知 ， 培 养 对 产品 的 忠诚 度 。 


本 能 、 行 为 和 反思 三 元 图 如 图 1 所 示 。 





图 1 本 能 、 行 为 和 反思 三 元 图 


以 上 3 点 相辅相成 ， 形 成 了 情感 化 设计 的 3 个 完整 要 素 ， 理 解 了 这 3 个 设计 要 素 后 ， 来 看 看 如 何 把 这 三 要 素 实际 应 用 到 产品 的 
设计 之 中 。 
第 3 节 ”情感 化 设计 如 何 应 用 到 产品 设计 中 


1. 本 能 
对 于 本 能 水 平 层面 上 的 设计 ， 体 现在 产品 中 主要 就 是 其 视觉 外 观 的 情感 化 ， 从 色彩 、 插 画 元 素 等 风格 化 氛围 型 元 素 的 应 用 展 


开 。 
插画 风格 有 许多 种 ， 可 表现 的 内 容 也 很 广泛 。 当 处 于 设计 产品 中 的 运用 时 ， 需 要 根据 产品 和 运营 主题 为 主 的 各 个 因素 影响 做 
出 恰当 的 选择 ， 才 能 最 大 化 地 烘托 气氛 ， 让 用 户 产生 代入 感 ， 同 时 突出 产品 性 格 和 运营 风格 ， 让 产品 全 线 的 格调 统一 协调 、 一 气 


呵 成 


影响 插画 风格 和 内 容 选择 的 因素 有 很 多 ， 除 了 产品 规划 中 的 一 些 必要 概念 ， 邻 近 的 节庆 日 、 目 标 用 户 的 特性 和 喜好 偏向 、 主 
题 活动 的 风格 等 都 能 对 插画 构成 影响 ， 而 插画 中 换 一 种 线条 ， 换 一 种 配色 ， 换 一 种 上 色 纹 理 都 能 影响 到 对 情感 的 表现 效果 。 


“十 年 账单 ”PC 端的 插画 (图 2) 为 例 来 详细 说 明 。 
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图 2 “十 年 账单 ”PC 首页 


“十 年 账单 ”是 一 个 大 型 的 回顾 性 营销 活动 ， 不 同 于 移动 端的 数据 化 扁平 化 的 设计 风格 ， 由 于 PC 端 有 更 大 的 展示 空间 ， 有 
更 多 风格 尝试 的 可 能 ， 所 以 最 终 PC 端 决定 做 一 些 风 格 上 的 尝试 和 探索 ， 来 更 好 地 营造 有 趣 的 视觉 氛围 ，“ 回 顾 ” 等 是 当时 PC 端 
的 关键 词 。 


“十 年 账单 ”的 配色 运用 情绪 版 的 理念 和 设计 方式 提取 并 确定 了 色彩 基调 一 一 偏 暖 上 略 灰 的 彩色 系 ， 这样 的 配色 能 够 更 贴切 
地 表现 出 回顾 的 感觉 又 不 太 过 灰暗 ， 追 忆 往 昔 的 同时 又 感受 到 温暖 。 


配色 是 产品 设计 中 最 直观 、 最 大 面 的 视觉 情感 展示 部 分 ， 也 是 本 能 设计 最 鲜明 的 体现 ， 冷 色 给 人 冷静 、 严 肃 、 收 缩 的 感觉 
鲜 暖 色 给 人 热情 、 活 泼 、 膨 胀 的 感觉 ， 暗 色调 给 人 沉 问 、 悬 疑 、 庄 重 的 感觉 ， 亮 色调 给 人 清新 、 纯 净 、 神 圣 的 感觉 。 配 色 在 很 大 
程度 上 掌握 了 产品 对 外 的 情感 基调 ， 或 时 尚 ， 或 幽默 ， 或 科技 感 十 足 ， 我 们 几乎 无 法 用 一 团 黑 色 表 现 神圣 干净 的 天 使 ， 也 几乎 无 
法 用 蓝 、 绿 、 紫 这 样 的 冷色 表现 喜庆 热闹 的 感觉 。 同 时 ， 配 色 除 了 是 一 种 情绪 的 视觉 表达 外 ， 特 定 节日 的 标 配色 彩 倾向 也 已 经 形 
成 了 一 种 固定 代表 ， 比 如 春节 固定 偏向 的 红色 ， 端 午 节 少不了 的 绿色 ， 这 种 约定 俗 成 的 配色 方向 也 能 最 直接 地 将 产品 的 情感 向 特 
定 的 方向 引导 ， 用 户 会 本 能 地 向 着 对 的 方向 联想 并 更 快速 准确 地 理解 设计 ， 感 同 身受 。 图 3 所 示 为 购买 火车 票 插 画 ， 其 配色 营 
出 回 家 的 急迫 感 。 所 以 选 对 配色 方向 对 产品 设计 至 关 重要。 


区 一 = es== ia | 





图 3 购买 火车 票 插图 


画面 内 容 作为 男 一 个 重要 的 本 能 设计 重点 ， 原 本 可 以 根据 产品 主题 、 页 面 文 案 、 对 外 发 布 的 时 间 等 因素 发 挥 更 高 、 更 新 颖 独 
特 的 想象 空间 ， 把 插画 做 得 更 到 位 ， 让 用 户 情感 在 配色 引导 后 ， 由 画面 内 容 更 连贯 直接 地 和 设计 产生 共鸣 ， 并 或 许 能 发 现 惊喜 之 
处 。 但 在 现实 操作 中 总 会 有 各 种 不 完美 的 境况 ， 在 “十 年 账单 ”的 实际 生产 过 程 中 ， 由 于 设计 初 阶段 文案 的 不 确定 性 ， 画 面 内 容 
只 能 在 中 规 中 矩 表现 页 面 业务 点 的 基础 上 尽力 做 出 趣味 性 ， 做 到 每 一 根 手指 都 是 戏 ， 在 画面 内 容 选 择 上 极力 去 选取 到 一 些 可 以 扩 
展 表现 的 物品 来 搭配 ， 比 如 图 4 表现 的 “服务 窗 ” 这 样 一 个 业务 功能 。 我 们 先 去 理解 这 是 商户 和 功能 点 面向 用 户 的 一 扇 “ 窗 
户 ”，B 端 和 C 端 通过 这 样 一 扇 虚拟 的 “窗户 ” ， 商 户 推送 自己 的 即时 消息 ， 用 户 选择 性 地 打开 “窗户 ”接收 信息 并 和 商户 进行 
一 些 互动 ， 所 以 在 画面 内 容 上 我 们 选取 了 窗户 作为 视觉 焦点 ， 迎 合 当时 流行 的 黑色 幽默 的 风格 ， 大 胆 夸张 地 赋予 窗户 伸 出 来 的 那 
只 手 一 个 非 主 流 的 动作 ， 甩 着 粉色 的 手帕 招徕 “客人 ”， 而 页 面 上 的 小 黄 鸭 作为 一 个 彩蛋 ， 出 现在 每 一 张 插 画 中 给 细心 用 户 一 个 
惊喜 发 现 。 





图 4 服务 窗 


一 个 画面 一 个 主题 一 个 插画 重点 ， 风 格 明确 且 一 致 ， 无 论 如 何 ， 根 据 设计 要 表达 的 意思 和 页 面 文案 来 确定 与 规划 画面 内 容 都 


是 最 基本 的 要 求 。 如 果 一 张 插画 和 插画 上 面 突出 醒目 的 文案 要 点 驴 唇 不 对 马 嘴 ， 那 么 插画 其 他 效果 无 论 做 得 怎样 完美 ， 用 户 也 是 
没有 办 法 产生 本 能 联想 去 理解 这 样 的 一 个 设计 ， 画 面 内 容 是 继 大 的 色彩 感觉 之 后 最 重要 的 本 能 设计 ， 一 旦 偏离 主题 和 文案 达意 ， 
所 有 的 心血 都 是 白费 。 


最 后 ，“ 十 年 账单 ”插画 的 表现 手法 选择 了 较为 轻松 流畅 的 手绘 线条 ， 勾 线 显 得 画面 较为 年 轻 和 轻松 ， 配 上 简洁 鲜明 的 三 阶 
上 色 ， 不 需要 加 太 多 质感 和 烦琐 的 细节 ， 画 面 大 胆 、 干 净 又 有 种 黑色 幽默 风格 中 常 出 现 的 “乳胶 ” 感 。 如 图 5~ 图 7 所 示 。 插 画 的 
表现 手法 作为 本 能 设计 中 画龙点睛 的 一 个 要 点 ， 可 以 在 配色 的 “表情 ”、 内 容 的 “达意 ”基础 之 上 将 插画 画面 做 一 个 风格 化 和 质 
感 的 提升 ， 让 插画 更 贴近 主题 要 表达 的 感觉 ， 比 如 贴图 素材 二 加 的 手法 可 以 更 贴切 地 表达 怀旧 感 ， 扁 平 化 图 形 化 的 插画 相 较 于 一 
般 手 法 更 能 表现 专业 和 干净 精致 的 感觉 。 在 恰当 地 选取 配色 方向 、 准 确 地 表现 内 容 的 基础 上 ， 选 择 一 个 适当 的 表现 手法 ， 会 让 插 
画 和 所 要 表达 的 东西 更 贴切 ， 将 氛围 泻 染 得 更 到 位 、 更 极致 。 





图 5 手机 钱包 








配色 的 情绪 、 画 面 的 内 容 、 表 现 的 手法 这 3 点 ， 基 本 上 就 能 够 顺畅 地 输出 一 整套 调 性 统一 、 具 有 感染 力 的 风格 化 插画 ， 用 户 
打开 网 页 的 一 刹那 就 本 能 地 沉浸 于 具有 怀旧 情怀 的 愉悦 情绪 体验 中 ， 本 能 上 被 活动 的 整体 风格 所 吸引 ， 继 续 看 下 去 。 这 就 是 在 产 


品 设计 环节 中 首要 注重 在 视觉 外 观 上 进行 情感 化 塑造 的 作用 。 





2. 行 为 


行为 水 平 就 是 指 从 产品 的 实际 操作 体验 出 发 来 做 情感 化 设计 ， 例 如 在 产品 的 应 用 操作 中 运用 巧妙 的 动 效 和 转 场 ， 提 升 操作 时 
候 用 户 的 愉悦 度 。 


动 效 是 情感 化 设计 中 的 重要 组 成 。 产 品 中 的 动 效 很 容易 抓 住 用 户 的 注意 力 ， 引 发 其 情绪 反应 。 因 为 其 可 以 加 强 用 户 体验 的 舒 
适度 ， 减 弱 不 可 避免 的 不 适 感 ， 给 用 户 带 来 惊喜 感 。 


下 面 来 细 说 一 下 巧妙 的 动 效 设 计 在 产品 体验 中 有 哪些 重要 作用 。 

(1) 加 强 用 户 体验 的 舒适 度 

是 否 能 加 强 用 户 体验 的 舒适 度 ， 主 要 从 产品 能 否 过 渡 流畅 、 引 导 用 户 以 及 展现 层级 这 几 个 方面 来 看 。 

1) 过 湾流 畅 

过 渡 流畅 是 指 通过 界面 及 其 元 素 的 出 现 和 消失 ， 以 及 大 小 、 位 置 和 透明 度 的 变化 ， 使 用 户 和 产品 的 交互 过 程 更 流畅 。 

2) 引导 用 户 

移动 应 用 不 比 PC 应 用 ， 移 动 应 用 可 用 的 空间 就 屏幕 那么 大 点 儿 ， 很 多 功能 的 入 口 可 能 都 是 隐藏 的 ， 此 时 动 效 作用 就 来 了 。 
其 通过 动 效 对 功能 的 方向 、 位 置 、 唤 出 操作 、 路 径 等 进行 暗示 和 指导 ， 以 便 用 户 在 有 限 的 移动 屏幕 内 发 现 更 多 功能 。 最 直观 的 例 
子 便 是 iOS7 锁 屏 界面 上 的 动 效 ,一 个 从 左 至 右 划 光 的 效果 提示 用 户 向 右 滑动 。 

3) 展现 层级 

一 个 产品 承载 的 功能 越 来 越 多 ， 结 构 越 来 越 复杂 ， 原 本 的 层级 逻辑 已 经 不 能 完全 适用 ,合理 清晰 的 结构 层级 对 用 户 理解 应 用 
和 使 用 应 用 有 着 至 关 重 要 的 作用 。 而 通过 焦点 缩放 、 覆 盖 、 滑 出 等 动 效 可 帮助 用 户 构 建 空间 感受 。 


(2) 减弱 不 可 避免 的 不 适 感 


动 效 带 来 的 高 效 反馈 是 “减弱 不 可 避免 的 不 适 感 ”的 重要 方式 。 虽 然 我 们 力求 将 产品 打造 得 完美 ， 但 是 总 有 一 些 无 法 避免 的 
问题 、 有 可 能 会 出 现 的 BUG、 外 界 条 件 的 不 给 力 等 因素 ， 造 成 我 们 的 产品 体验 下 降 。 这 时 候 适 当 增 加 一 些 动 效 及 时 给 用 户 一 些 


月 去 


反馈 ， 可 以 弥补 出 现 这 些 情 况 时 的 不 适 体验 。 


高 效 反 馈 是 指 通过 动 效 让 用 户 了 解 程序 当前 状态 ， 同 时 对 用 户 操作 做 出 及 时 反馈 。 辟 如， 在 用 户 点 击 下 载 按钮 后 ， 我 们 需要 
给 用 户 展示 程序 当前 的 状态 : 未 下 载 一 一 下 载 中 一 一 下 载 完成 。 抑 或 是 在 loading 过 程 中 增加 一 些 有 趣 的 动 效 ， 提 示 用 户 程序 现 
在 正在 执行 中 ， 需 要 等 待 。 如 果 我 们 不 把 这 些 反馈 传达 给 用 户 ， 用 户 可 能 就 觉得 “手机 卡 死 了 吗 ? ”同样 地 ， 对 平 黎 、 放 大 等 操 
作 ， 及 时 友好 的 反馈 也 是 必要 的 。 


以 支付 宝 钱 包 收 款 流程 中 的 一 个 细节 小 动 效 作为 案例 ， 如 图 8 所 示 。 


A wendy 正在 付款 A wenay 正在 付款 - 嘉 圳 比 正在 付款 ¥0.00 总 计 ¥0.00 
A wency 正在 付 给- 节 时 gi 正在 从教-- 号 LE 天 在 付款 -… 
A i 县 .= 正在 付款 -- 








总计 ¥10.00 总 计 ¥0.00 趣 计 ¥0.00 部 计 ¥0.00 总 计 ¥0.00 总 计 ¥0.00 
各 网 宣 Yl0o0 本 网 宝 正在 时 教 - A 同 宝 正在 付款 … 本 a 正在 付款 … 可 同室 正在 付 教 … 各 县 正在 付 鞭 … 
七 露 比 正在 付款 [9 露 比 正在 付款 一 [9 于 此 正在 付款 -| 露 比 正在 付款 豆 圳 比 正在 付款 路 局 比 站 在 付款 

fA weror 正在 付 衣 -… jE wenoy 正在 人 坎 .， wendv 正在 付 家 A wor 正在 付 均 -， | wendy 正在 付款 A vend 正在 付款 -… 


图 8 ” 收 款 动 效 
当 付 款 人 扫 码 后 ， 收 款 人 的 界面 上 会 跳出 付款 人 的 信息 ， 实 时 反馈 付款 人 的 状态 。 而 不 需要 收 款 人 一 直 猜 测 ， 对 方 是 否 已 经 
扫 了 二 维 码 ? 是 否 正 在 付款 ? 付款 是 否 成 功 ? 动 效 的 使 用 大 大 降低 了 用 户 等 待 的 不 适 感 。 
(3) 给 用 户 带 来 惊喜 感 


随 着 各 个 产品 体验 的 差异 化 逐渐 缩小 ， 更 加 细腻 和 创新 的 动 效 设 计 可 以 为 用 户 带 来 更 大 的 惊喜 感 。 尤 其 在 一 些 活动 中 ， 动 效 
设计 一 方面 需要 考虑 到 产品 的 实际 操作 体验 ， 另 一 方面 还 需要 注入 更 多 的 情感 元 素 ， 比 如 怎样 营造 活动 氛围 ， 如 何 给 用 户 带 来 惊 


喜 感 ， 怎 样 增加 产品 的 亮 虑 ， 等 等 。 


这 里 再 拿 支付 宝 春 晚 红包 集 五 福 的 小 动 效 做 一 个 案例 ， 如 图 9 所 示 。 





当 五 福 合 一 时 ， 短 短 几 秒 钟 内 会 完成 5 张 小 福 卡 的 飞跃 、 合 并 、 旋 转 、 缩 放 的 基本 动 效 。 与 此 同时 ， 在 这 一 系列 动作 当中 还 
增加 了 背景 光束 的 旋转 、 金 卡 出 现时 伴随 的 星光 以 及 金 卡 表面 的 光 感 等 辅助 性 的 动 效 。 


这 种 生动 的 动 效 呈现 一 方面 是 为 了 呼应 春节 红包 活动 的 整体 喜庆 感 ， 另 一 方面 是 为 了 带 给 用 户 成 就 感 。 当 五 福 合 一 时 ， 这 种 
绚烂 的 视觉 效果 会 直击 用 户 的 内 心 ， 随 之 而 来 的 便 是 惊喜 。 


基于 以 上 3 种 目的 去 设计 产品 中 的 小 动 效 ， 就 能 够 很 好 地 增添 操作 流程 中 的 趣味 性 ， 让 原本 冷冰冰 的 产品 一 下 子 变 得 有 温 
度 、 有 魅力 起 来 。 当 然 前 提 是 在 充分 抓 准 用 户 心理 痛 点 的 基础 上 进行 设计 的 ， 而 不 是 不 假 思索 一 味 地 过 度 使 用 ， 否 则 不 但 会 增加 
产品 的 性 能 压力 ， 而 且 会 让 用 户 感到 厌烦 。 所 以 在 设计 之 前 多 做 分 析 取 舍 ， 抓 准点 睛 之 笔 才 是 最 重要 的 。 


3. 反 思 
最 后 说 到 反思 层面 上 的 设计 。 优 秀 的 设计 是 要 能 打动 人 的 ， 它 要 能 传递 感情 ， 勾 起 回忆 ， 给 人 惊喜 。 


产品 是 生活 的 情感 与 记忆 。 只 有 在 产品 和 用 户 之 间 建 立 起 情感 的 纽带 ， 通 过 与 用 户 的 情感 互动 影响 用 户 对 产品 的 印象 、 满 意 
度 、 记 忆 等 ， 才 能 让 用 户 形 成 对 产品 的 认 知 ， 培 养 对 产品 的 忠诚 度 。 为 了 能 够 打动 用 户 的 心 ， 可 以 构筑 出 一 个 具有 共鸣 、 使 用 户 
有 代入 感 的 场景 ， 可 以 推出 一 段 符合 当前 情景 情绪 的 文案 ， 也 可 以 讲 一 个 能 够 打动 人 心 的 故事 ， 此 时 就 需要 设计 师 和 产品 策划 一 
起 合作 ， 准 确 摸 索 用 户 的 心理 状态 ， 营 造 出 符合 用 户 知觉 心理 的 特殊 场景 和 沉浸 式 的 情境 体验 。 


拿 支付 宝 “ 十 年 账单 ”移动 端 设计 中] 的 故事 线 为 例 。 


“十 年 账单 ”页 面 的 设计 思路 是 从 内 容 的 情感 层面 出 上 发 ， 通 过 对 用 户 使 用 支付 宝 时 一 步 一 步 的 过 程 回忆 ， 形 成 具有 时 间 故 事 
性 的 记录 ， 让 用 户 拾 起 十 年 来 使 用 支付 宝 付 款 的 点 点 滴 滴 : 第 一 次 使 用 支付 宝 的 时 候 ， 第 一 次 成 功 在 淘宝 上 购买 东西 的 时 候 ， 发 
生 了 哪些 重要 的 事 、 遇 见 了 哪些 重要 的 人 。 通 过 对 有 支付 宝 陪伴 的 这 十 年 来 漫长 的 岁月 的 点 滴 回忆 ， 唤 起 用 户 强 烈 的 情感 共鸣 ， 
触动 用 户 。 正 是 因为 很 好 地 抓 住 了 用 户 的 这 种 情感 共鸣 点 ， 从 而 让 用 户 自发 地 去 主动 分 享 并 传播 自己 的 十 年 账单 ， 不 但 获得 
普 的 传播 性 ， 而 且 提 高 了 支付 宝 的 品牌 影响 力 和 价值 。 


第 4 节 ”价值 转化 


最 后 来 谈 谈 如 何 将 情感 化 设计 转化 成 实际 的 产品 价值 。 


现在 ， 许 多 事实 表明 ， 在 审美 上 令 人 感觉 快乐 的 物品 能 使 人 更 好 地 工作 ， 使 人 感觉 良好 的 产品 和 系统 会 被 较 多 人 使 用 ， 用 户 
会 产生 良好 的 情感 依赖 。 如 果 产 品 具 有 良好 的 亲和力 、 较 强 的 情感 化 因素 ， 就 会 直人 在 使 用 时 产生 愉悦 的 心情 从 而 喜欢 它 ， 产 品 
与 人 之 间 的 距离 将 因为 情感 而 越 靠 越 近 。 在 不 久 的 将 来 ， 由 于 技术 的 发 展 和 共享 ， 一 个 仪 仅 满足 功能 需求 的 产品 已 经 越 来 越 难 以 
获得 用 户 的 长 久 忠 诚 度 ， 你 的 产品 能 实现 的 功能 ， 别 人 的 产品 往往 也 能 实现 ， 而 能 否 准 确 抓 住 用 户 心理 、 能 否 打 动人 心 才 是 人 性 


需求 中 最 注重 的 。 一 个 优秀 的 情感 化 设计 最 终 能 够 创造 出 令 人 感到 快乐 和 感动 的 产品 ， 它 不 光 能 够 使 人 获得 内 心 愉悦 的 审美 体 


验 ， 也 能 够 为 生活 增添 乐趣 和 感动 ， 产 生 了 爱 自然 就 能 产生 消费 。 这 正 是 那些 只 注重 功能 性 导向 的 产品 无 法 做 到 的 。 
总 结 


作为 一 名 设计 师 ， 想 要 设计 出 一 个 有 情感 、 有 温度 的 产品 ， 首 先 自己 就 得 是 个 热爱 生活 、 善 于 观察 生活 并 且 洞 悉 人 性 的 人 。 
试想 一 下 ， 一 个 对 生活 没有 爱 的 人 ， 如 何 能 够 创造 出 一 个 让 人 感到 爱 的 作品 。 所 以 在 一 切 开始 之 前 ， 要 尝试 多 走出 去 看 看 ， 发 现 
生活 的 美和 人 性 的 美 ， 只 有 从 心底 懂得 这 些 爱 和 美的 意义 ， 所 创造 出 来 的 东西 才能 给 人 带 来 真实 可 信 的 感动 。 
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后 记 ”为 事 ， 以 遗 有 涯 之 生 


文 /将 代 炜 


在 起 草 这 篇 文章 的 时 候 ， 我 入 职 蚂 蚁 金 服 集团 还 不 到 两 个 月 ， 在 起 草 之 前 就 满 脑 子 想 着 作为 此 书 的 推动 者 还 是 要 拿 出 实际 行 
动 ， 有 一 点 儿 作 为 才 行 ， 尤 其 是 带头 写 书 这 事 。 


12 月 21 日 晴 


入 职 这 天 ， 阳 光明 媚 ， 天 气 甚 好 。 


来 之 前 我 得 知 团队 将 做 业务 拆 分 ， 设 计 师 也 会 跟随 业务 被 拆 分 为 两 个 团队 ， 这 其 实 对 于 一 个 设计 师 而 言 ， 是 最 为 混乱 的 时 
期 。 而 我 ， 就 在 这 时 入 职 了 ， 并 且 ， 我 并 不 知道 接 下 来 我 会 面 对 什 么 样 的 业务 和 合作 伙伴 ， 隐 约 感到 一 丝 不 安 。 


第 一 周 老板 没 “ 理 ”我 
没 错 ， 第 一 周 ， 老 板 什 么 也 没 给 我 安排 ， 他 说 他 在 重新 规划 新 的 组 织 架构 ， 需 要 一 点 时 间 。 


并 且 告 诉 我 : “你 自己 看 着 办 吧 ! “ 


秉承 着 阿里 人 的 热血 激情 和 乐观 向 上 的 精神 ， 我 给 自己 定 了 两 周 要 做 的 事情 : 了 解 支付 宝 客户 端 所 有 业务 线 的 大 概 现状 以 及 
痛 点 ， 甚 至 了 解 一 下 接 下 来 的 目标 和 方向 。 于 是 我 开始 邀约 各 条 业务 线 交 互 设计 师 的 计划 和 时 间 确 认 ， 并 用 了 两 周 时 间 对 整体 业 
务 进行 了 一 个 概况 了 解 ， 信 息 量 很 大 ， 在 得 意 自己 智商 没有 随 着 年 龄 变 大 而 衰退 太 多 的 同时 也 去 掉 了 一 大 半 不 安 的 心理 。 


当然 还 要 给 自己 点 上 一 万 个 赞 ! 


后 面 的 几 周 “扫地 神 尼 大 管家 ” 
后 面 几 周 做 了 什么 事情 ， 我 来 盘点 一 下 : 
* 年 会 策划 ， 
.培训 预算 和 邀约 ; 
* 周报 模板 ; 
.工作 分 享 ; 
- 文化 墙 策划 ; 
书籍 出 版 联系 以 及 组 织 写 书 ; 
- 团队 生日 险 (party) 安排 ; 


天 啊 ， 我 堂堂 一 个 征战 各 重大 项 目 场 的 设计 师 ， 到 了 这 里 ， 一 个 项 目 都 没 正式 参与 过 ， 而 是 人 人 喊 我 管家 ， 我 只 能 “ 呵 
呵 ” 自 称 “ 扫 地 大 妈 ”。 可 老板 总 在 我 心理 阴影 面积 逐渐 增 大 的 时 候 给 我 抛 来 一 个 “团队 需要 你 ”的 小 眼神 ， 宝 宝 委 届 ， 只 是 不 
说 .…… 总 在 夜深人静 时 ， 自 问 是 不 是 被 韦 了 .…… 可 来 都 来 了 ， 有 坑 就 先 跳 吧 ， 人 家 种 萝卜 还 得 自己 先 挖 坑 呢 。 秉 持 着 这 种 积极 、 
乐观 、 向 上 的 精神 ， 又 提起 百 分 百 的 劲 儿 。 可 手 上 的 事情 一 完 ， 发 现 剩 下 的 都 是 长 期 要 做 的 事 ， 那 当下 总 不 能 干 等 着 吧 ， 于 是 接 
着 开局 脑 洞 模式 。 


我 是 设计 师 ， 庆 幸 本 职工 作 是 自己 的 兴趣 爱好 ， 做 的 是 自己 喜欢 的 事 。 


二 字 签 一 一 被 “飞机 稿 ” 的 启动 屏 


这 是 我 来 到 支付 宝 第 一 个 自发 式 设计 项 目 ， 然 而 它 的 结局 是 被 “成 本 有 点 儿 高 ”给 枪毙 掉 了 。 作 为 一 个 设计 师 ， 项 目 管理 成 
本 也 是 职业 生涯 中 的 一 项 能 力 考核 指标 ， 但 是 更 重要 的 是 设计 师 还 是 应 该 先 有 天 马 行 空 的 创新 方案 。 


而 这 个 想法 来 源 于 设计 的 “反哺 ”， 给 社会 带 来 正 能 量 ， 也 是 我 们 能 为 大 家 做 的 一 点 小 事 ， 也 是 我 想 做 二 字 签 原因 。 


反哺 是 一 种 社会 责任 ， 二 字 签 能 潜移默化 地 提供 给 社会 用户 群 体形 成 的 社会 圈 ) 正 能 量 。 我 们 的 平台 与 用 户 之 间 就 形成 了 
这 样 的 天 系 ， 如 图 1 所 示 。 


反哺 






本 
| 

| 社会 需要 小 康 阶 段 归属 

] 基础 功能 温饱 阶段 生存 
支付 宝 平 台 马 斯 洛 需 求 层次 用 户 映 射 


图 1 反哺 关系 


以 书法 体 作为 表现 形式 的 二 字 签 ， 如 图 2 所 示 。 


™ 
诚信 i 
百 
今天 ， 或 许可 以 “ 骗 " 人 ， 舍 : 
你 们 自己 拓 量 搞 量 。 
时 : 4 月 1 日 恩人 节 YM 


PITTED 


图 2 设计 案例 稿 


se 本 二 。| 二 
WO 出 才 俩 郑 eb 


4 未 不 龟 族 不 让 


图 3 ”和 八 苦 字 体 设计 稿 
有 些 人 生 的 无 奈 不 可 避免 ， 八 若 也 能 给 人 一 种 正 能 量 。 也 许 ， 这 正 是 我 当下 心情 的 一 种 映射 ， 有 人 觉得 可 爱 ， 有 人 则 不 理 
解 ， 那 是 否 真 的 很 苦 ” 其 实 也 未 必 。 和 希望 能 把 这 样 的 设计 一 直 做 下 去 ， 使 正 能 量 成 为 设计 不 可 或 缺 的 基因 。 
虚拟 小 组 
俗话 说 : 人 多 力量 大 ， 柴 多 火焰 高 。 
阿里 人 一 直 遵 循 “ 用 团队 的 力量 解决 问题 和 困难 ”的 价值 观 ， 共 享 共 担 ， 平 凡人 做 非凡 事 。 


前 面 提 到 过 ， 自 己 找 了 很 多 事 做 ， 可 是 不 知 不 觉 中 觉得 一 个 人 做 事 总 是 心 有 余 而 力 不 足 ， 当 然 那些 事 不 可 能 是 我 自己 随便 找 
的 ， 毕 竟 老 板 让 我 自己 看 着 办 ， 并 不 是 随便 让 我 打 打 桨 油 ， 对 我 有 一 条 明确 的 要 求 : 


建立 团队 知识 管理 体系 ， 并 将 设计 师 能 力 打通 。 


尽管 听 到 这 个 要 求 的 时 候 我 是 一 脸 懂 懂 的 ， 但 是 也 只 能 硬 撑 着 给 承担 下 来 了 。 因 为 我 始终 觉得 一 个 人 的 价值 不 是 做 所 有 人 都 
能 做 的 事 ， 而 是 做 许多 人 能 做 但 不 愿意 做 却 对 团队 有 着 极 大 贡献 的 事 。 尽 管 有 时 候 那 画 面 太 惨 我 不 敢 看 ， 可 在 这 样 艰难 的 道路 
上 ， 我 也 学 会 了 灵机 一 动 跟 老板 申请 成 立 虚 拟 小 组 ， 我 想 我 最 大 的 成 长 就 是 厚 着 脸皮 让 人 干事 了 ， 偶 尔 也 狐 假 虎威 地 告诉 他 们 : 
嗯 ， 是 老板 说 要 这 样 做 的 ! 我 只 是 “ 拿 钱 办 事 ” 而 已 。 当 然 做 这 些 不 是 简 简 单单 告诉 一 帮 人 你 干 A， 你 干 B， 剩 余 我 干 就 了 事 
的 。 


先 要 做 虚拟 小 组 的 工作 规划 。 我 设计 了 一 个 招募 邮件 ， 一 开始 我 的 内 心 是 志 汇 的 ， 因 为 据 我 几 个 月 的 观察 发 现 ， 大 部 分 同学 
对 于 项 目 之 外 的 事情 并 不 太 积极 ， 而 在 这 之 前 ， 老 板 也 给 全 员 打 了 预防 针 。 最 后 有 8 位 同学 报名 了 组 委 会 ， 这 之 后 就 跟 组 委 会 成 
员 说 明白 ， 我 们 这 个 组 委 会 要 做 什么 ， 为 什么 做 ， 我 们 又 能 获得 什么 。 就 像 人 生 的 命题 ， 你 是 谁 ， 你 从 哪里 来 ， 将 到 哪里 去 。 而 
且 组 委 会 成 员 也 有 被 淘汰 的 可 能 ， 这 是 后 话 ， 这 里 就 不 提 了 。 后 来， 团队 贡献 了 20% 的 绩效 ， 我 的 心 才 踏实 下 来 。 


说 说 虚拟 小 组 的 作用 ( 见 图 4) : 
“ 再 也 不 用 一 个 人 为 全 团队 办 生日 趴 还 面临 给 自己 办 生日 趴 的 起 粹 。 


` 为 团队 带 来 知识 宽度 的 拓展 增加 了 更 多 的 可 能 性 。 


:为 能 成 为 有 实力 讲师 的 设计 团队 成 员 提 供 了 有 力 的 后 援 。 


除 此 之 外 ， 或 许 我 们 还 能 发 挥 更 多 的 作用 ， 比 如 成 为 团队 凝聚 力 的 先锋 力量 ， 在 为 团队 服务 的 同时 ， 也 让 自己 成 长 。 更 重要 
的 一 点 是 ， 再 也 不 用 一 个 人 独自 默默 在 夜深人静 的 时 候 回味 一 脸 呆 萌 的 小 情绪 了 。 








Re 关外 妇 撒 功 作 多 全 区 沪 





图 4 ” 旧 虚 拟 小 组 和 现 虚 拟 小 组 对 比 


团队 知识 沉 演 


支 无 不 言 





最 后 说 说 这 本 书 ， 从 这 个 项 目 启动 到 出 版 ， 从 开始 撰写 这 文章 时 敲 下 的 第 一 个 键盘 的 按键 到 全 文 撰写 结束 ， 我 用 了 半年 多 的 
时 间 。 


这 半年 多 中 ， 很 多 时 人 息 ， 我 的 内 心 是 志 坊 的， 因为 每 天 做 着 从 未 做 过 的 事 ， 但 我 知道 每 个 人 的 人 生 都 会 有 很 多 个 第 一 次 。 尽 
管 磁 硅 碰 碰 ， 这 本 书 最 终 还 是 面世 了 ， 否 则 也 没 人 会 看 见 我 在 这 里 写 下 的 这 些 文字 。 而 这 个 过 程 中 ， 为 推动 整个 部 门 写 书 人 员 按 


时 完成 任务 ， 特 制定 了 如 图 5 所 示 的 进度 统计 表 。 





支付宝 书籍 计划 整体 进度 


| Er pe 
40% 80% > 支 无 不 言 


作者 - 甲 例 : 设计 赋 能 ,无 处 不 在 10% 


图 5 进度 统计 表 
我 们 还 制定 了 以 下 要 求 : 
* 每 组 主管 承担 未 完成 的 风险 (绩效 完成 度 ) 。 
* 离 交 稿 日 的 最 后 一 个 月 每 周 需要 提高 交 稿 进 度 ( 以 公告 形式 每 周公 布 在 周报 上 ) 。 
* 筛选 初稿 ， 通 过 率 不 低 于 90%。 
* 初稿 通过 后 两 两 校 验 ， 互 相 纠 正 ( 这 是 上 一 次 团队 写 书 得 出 的 经 验 ) 。 


基本 上 ， 如 果 主管 一 起 配合 完成 了 上 述 4 点 ， 就 不 会 出 现 太 大 问题 ， 出 版 社 方 都 是 由 我 与 编辑 沟通 ， 效 率 和 进度 都 可 以 自己 
控制 。 这 件 事 令 我 得 出 了 一 条 经 验 : 什么 事 都 一 个 人 去 干 ， 那 只 能 干 到 死 ， 结 果 还 会 不 尽 如 人 意 ， 只 要 是 团队 的 事 ， 那 所 有 人 都 
是 责任 人 ， 找 到 每 个 节点 责任 人 ， 传 达 清楚 意思 ， 剩 余 的 就 交 给 别人 去 做 吧 。 


当然 这 个 充当 写 书 项 目 经 理 的 过 程 也 不 是 完全 没有 遇 到 困难 的 。 我 们 是 1 月 22 日 启动 项 目的 ， 要 求 大 家 3 月 22 日 交 稿 ， 我 估 
计 大 家 两 个 月 时 间 应 该 够 写 一 篇 文章 ， 却 没有 意识 到 大 家 其 实 根本 不 会 从 1 月 23 日 就 开始 写 文 。 在 这 个 过 程 中 ， 我 也 只 是 每 隔 一 
周 在 群 里 给 大 家 群发 消息 催 文 而 已 。 时 间 过 得 很 快 ， 眼 看 2 月 22 日 来 临 ， 只 剩 下 1 个 月 的 时 间 了 ， 我 开始 感到 心里 发 慌 ， 便 在 主 
管 周 会 上 提出 从 即日 开始 的 每 1 周 都 需要 提供 书籍 进度 ， 并 且 加 紧 了 催 文 的 节奏 ， 终 于 在 还 剩 最 后 1 周 的 时 候 大 家 至 少 都 完成 了 
80% 的 写 稿 任务 ， 当 然 我 也 是 后 知 后 觉 地 预料 到 了 一 定 会 在 3 月 22 日 之 后 才能 100% 地 收集 完 初稿 。 这 么 想 着 ， 只 能 在 审阅 的 过 
程 里 压缩 时 间 了 ， 毕 竟 整 体 的 时 间 是 不 能 拖 的 ， 跟 主管 同步 了 这 个 信息 后 ， 只 能 再 次 辛苦 各 位 主管 和 我 本 人 了 .…… 

然而 由 于 大 量 的 业务 堆积 ， 不 是 每 个 人 都 会 按照 时 间 百 分 百 配合 的 ， 我 只 能 反复 沟通 ， 甚 至 寻求 一 些 更 资深 前 辈 的 帮助 ， 终 
于 在 5 月 中 旬 前 完成 了 所 有 书稿 的 校 验 和 修正 。 

同时 ， 为 了 让 读者 更 有 目的 性 地 学 习 到 一 些 实践 经 验 ， 我 根据 文章 的 内 容 进 行 了 分 类 : 

“项目 经 验 篇 ; 


. 框架 规范 篇 ; 


- 合作 沟通 篇 ; 


. 设计 思维 篇 ; 
. 设计 情感 篇。 

而 基于 实践 ， 文 章 从 面向 设计 师 的 维度 分 成 了 以 下 更 有 趣味 性 的 4 类 : 
学 设计 ; 


.做 设计 ; 


* 看 设计 ; 





. 玩 设计 。 


这 篇 文章 放 在 结尾 ， 也 因为 此 文 唯一 算 不 上 团队 知识 沉淀 的 内 容 ， 但 或 许可 以 作为 团队 合作 的 经 验 篇 或 者 是 新 人 融入 团队 并 
寻找 到 归属 感 的 励志 篇 。 


一 切 看 似 在 自 娱 自 乐 ， 而 我 确实 是 在 这 片 自 娱 自 乐 的 氛围 中 为 自己 也 为 团队 创造 出 一 小 片 天 地 。 
时 异 境 迁 ， 结 习 不 改 。 
愿 此 书 对 刚 加 入 移动 互联 网 时 代 的 朋友 或 者 在 这 个 高 速 发 展 时 代 中 遇 到 困难 的 朋友 有 所 帮助 。 


[1 图 中 的 “和 八 苦 ”， 即 是 生 苦 、 老 苦 、 病 苦 、 死 苦 、 她 展会 苦 、 爱 别离 苦 、 求 不 得 苦 及 五 取 草 苦 〈《 法 苑 珠 林 ， 和 八 苦 部 》) 。 
圣 ， 


出 自 梁 简 文 帝 《 著 提 树 颂 序 》 : “ 悲 哉 六 识 ， 沉 沧 八 苦 ， 不 有 大 谁 拯 慧 桥 。” 


